javascript - 手机端如何禁用某个 dom 的 css 及 js 的 :hover 事件
伊谢尔伦
伊谢尔伦 2017-04-10 14:39:36
[JavaScript讨论组]

如题,我有一个取消按钮。hover 的时候有效果,点击以后才取消。
在手机下,如果我想取消得点击两次,有什么方法禁止掉这个按钮的 hover 吗?

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(3)
怪我咯

取消按鈕是啥。。。


移動端沒有真正意義上的鼠標,而是在點擊的同時觸發鼠標移動事件。


我來講一下機制,移動端是沒有鼠標的,自然也就沒有 hover。但是爲了兼容又虛擬出了鼠標,這個鼠標僅在點擊的時候纔會移動,這時候 touch 事件觸發的同時也會觸發 hover。想要禁止 hover 只要禁止掉 touch 事件就行了。

還是沒搞懂你的設計思路,正常情況下不是要把 hover 樣式直接覆蓋掉的嗎,要不然在桌面端點擊一次後還要移開鼠標才行。。。

PHPz
@meida screen and (hover:0){
    /* 把hover的样式跟一般情况下做成一样*/

}
天蓬老师

同时监听mouseentertouchstart事件,在移动端,touchstart的监听器会覆盖mouseenter的监听器。
http://jsbin.com/bomavi/1/edit?js,output

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号