javascript - jq的点击事件

问题描述

问 题

    <span>222</span>
    <span>222</span>
    <span>222</span>
    <span>222</span>
    <span>222</span>
    
    $(function() {
    for (var i = 0; i < $('span').length; i++) {
        $('span').eq(i).bind('click',function(event){
            console.log("aa");
        })
    };
}())

上面的代码，我连续点击某个span元素会出现下面这样的情况要怎么解决

为什么会出现这样的东西，我用的是谷歌浏览器。麻烦知道的给解答下。谢谢

解决方案

连续点击会触发浏览器的文本选择行为，要阻止此行为，使用以下 css:

span {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

这篇关于javascript - jq的点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！