Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js cursor

作者:整整ー世♂陰霾そ   发布日期:2025-04-08   浏览:65

// 设置鼠标指针样式为手型(通常用于可点击的元素)
document.getElementById('myElement').style.cursor = 'pointer';

// 设置鼠标指针样式为等待(通常用于加载中的元素)
document.getElementById('loadingElement').style.cursor = 'wait';

// 设置鼠标指针样式为文本选择(通常用于可选中文本的元素)
document.getElementById('textElement').style.cursor = 'text';

// 设置鼠标指针样式为默认(通常是箭头)
document.getElementById('defaultElement').style.cursor = 'default';

// 设置鼠标指针样式为自定义图片
document.getElementById('customCursorElement').style.cursor = 'url("path/to/cursor.png"), auto';

解释说明:

  • cursor 是 CSS 属性,用于设置元素上的鼠标指针样式。
  • 上述代码展示了如何通过 JavaScript 动态设置不同类型的鼠标指针样式。
  • pointer:手型指针,通常用于按钮或链接。
  • wait:等待指针,通常用于表示加载中。
  • text:文本选择指针,通常用于文本框或可选中文本的区域。
  • default:默认指针,通常是箭头。
  • url("path/to/cursor.png"), auto:自定义指针,可以使用图片作为指针,并在图片无效时回退到默认指针。

上一篇:js 获取div宽度

下一篇:js class选择器

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站