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等 - 移动端设备可能对某些光标样式支持有限
- 修改全局光标样式可能影响用户体验，需谨慎使用
