html5中怎样让鼠标指向文字时变成手指可以点击跳转?

html5中怎样让鼠标指向文字时变成手指可以点击跳转?,第1张

html中有一个<a><a/>标签,直接给文字添加一个a标签 ;

比如:

<a href="链接" target="_blank">关于我们</a>

a标签默认的鼠标放上去就是一个手指的样式,或者你也可以用cursor: pointer这个给他设置一下,cursor还有其他的属性可以使用

举例说明:

通过一句addEventListener 就能够知道当前用户的点击是哪种设备,是手指的点击,是鼠标的单击还是触控笔的点击(平板设备都会带有触控笔):

<canvas id="MyCanvas"></canvas>

<script>

MyCanvas.addEventListener("MSPointerDown", MyBack, false)

function MyBack(e) {

alert(e.pointerType.toString())

}

</script>

通过回调的方法中 e.pointerType 还进行判断。

鼠标是4,触控笔是3,手指是2。

至于值为1是何种设备还有待研究。

还有需要注意的就是 想在javascript中添加对输入设备的识别,注册的方法事件也是有点点区别。

addEventListener 添加的事件为 MSPointerDown

而在IE10中对于这样的多种设备识别中优先处理的手指的点击,前提是不影响功能正常单击的情况下,然而IE10不仅仅能识别用户的输入设备还支持非常多的高级手势。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11254923.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存