风格和逻辑的分离:改变鼠标光标

时间:2014-03-09 18:18:49

标签: javascript html css

在Javascript知道哪些元素是可点击的情况下,是否应使用Javascript来更改鼠标光标(通过更改css),实际上鼠标光标不是相关元素的样式属性?我知道这是一个在某种程度上要求提出意见的问题,因此我正在寻找一个涵盖论点双方的答案 - 提及相关专业知识 - 并希望得出结论。

要明确的是,如果有一个可点击的列表项,例如通常会添加Javascript

someLib.listen("#id li",func);

和css

#id li{
  cursor:pointer;
}

而不是处理此问题的someLib.listen。例如,在我的情况下,我正在将侦听器从子元素更改为父元素,只是似乎对我来说,它不遵循逻辑和表示的分离规则,我不得不改变事物在两个地方。

1 个答案:

答案 0 :(得分:1)

我倾向于一直使用这个'javascript'在非锚元素上创建的链接(div,spans等等)

.jsclick { cursor:pointer }

然后每当我们在js中创建一个事件处理程序时,我们将这个类附加到它(作为课程的一部分)

_elementwithhandler.className += ' jsclick';

我们无法对非锚元素做任何其他事情。无论是内联设置还是使用类,小点......

我会说使用一个类 - 更容易(对于其他人)将来通过检查工具告诉哪些元素已被js修改