javascript 改变鼠标样式

JavaScript018

javascript 改变鼠标样式,第1张

不需要js，使用css就可以实现，定义单元格的样式如下：

<td style="cursor:hand">...</td>

如果必须用js实现的话，可以给单元格添加mouseover和mouseout事件，然后使用

cellid.style.cursor = "hand"设置为手型

和

cellid.style.cursor = "default"恢复默认

cellid是单元格的id

① 如果要在整个document文档中使鼠标光标形状是n-size，可以给document注册mouseover和mousemove事件，并且设置它的样式为cursor：n-size；

②同样地，如果要在拖动某个div使鼠标光标样式为某个形状时，先给div盒子注册拖动事件，拖动事件ondrag，然后设置div的style.cursor = "某个形状样式属性值"

这个问题有两种解决方案：

使用CSS样式中的伪类选择器hover，如果仅仅为了样式的改变使用伪类选择器就OK。

canvas : hover { cursor:pointer}

使用JS中的DOM事件

onmouseover= "function(this)"

object.style.cursor:"pointer"

鼠标是手型：hand，其他类型光标网上都能查到。