js实现变成小手

在JavaScript中，可以通过修改CSS的cursor属性来实现鼠标指针变成小手的样式。以下是几种常见方法：

通过DOM元素直接修改样式

使用元素的style属性直接设置cursor为pointer：

document.getElementById('myElement').style.cursor = 'pointer';

通过CSS类名切换

定义CSS类并动态添加/移除：

.hand-cursor {
  cursor: pointer;
}

document.getElementById('myElement').classList.add('hand-cursor');

动态创建样式规则

适用于需要全局修改的场景：

const style = document.createElement('style');
style.innerHTML = '.dynamic-hand { cursor: pointer; }';
document.head.appendChild(style);

事件触发时临时修改

在事件监听器中临时修改光标样式：

element.addEventListener('mouseenter', () => {
  element.style.cursor = 'pointer';
});

注意事项

• 除pointer外，CSS还支持其他光标类型如wait、text、move等
• 移动端设备可能对某些光标样式支持有限
• 修改全局光标样式可能影响用户体验，需谨慎使用