Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击列表项目符号时禁用列表高亮显示_Javascript_Jquery_Html_Css_Html Lists - Fatal编程技术网

Javascript 单击列表项目符号时禁用列表高亮显示

Javascript 单击列表项目符号时禁用列表高亮显示,javascript,jquery,html,css,html-lists,Javascript,Jquery,Html,Css,Html Lists,我有一个简单的列表:示例: 我使用的是Mozilla Firefox(版本3.6,但我认为版本并不重要)。当我在项目符号上单击(单个)时,列表项将被选中(高亮显示) 有没有办法禁用此突出显示(而不使用-moz选项永久删除突出显示) 这种行为在Chrome或IE中不存在。 另一个示例:(使用列表样式图像): 在普通javascript、jQuery或css中是否有办法禁用FF中的自动选择功能?这是Firefox实现的功能,正如您所知,虽然我不知道有什么真正的方法可以删除该功能,但您可以使用css解

我有一个简单的列表:示例:

我使用的是Mozilla Firefox(版本3.6,但我认为版本并不重要)。当我在项目符号上单击(单个)时,列表项将被选中(高亮显示)

有没有办法禁用此突出显示(而不使用-moz选项永久删除突出显示)

这种行为在Chrome或IE中不存在。 另一个示例:(使用列表样式图像):


在普通javascript、jQuery或css中是否有办法禁用FF中的自动选择功能?

这是Firefox实现的功能,正如您所知,虽然我不知道有什么真正的方法可以删除该功能,但您可以使用css解决方法

  • 的所有内容包装在
    中,然后使用边距、填充和绝对定位将跨度定位在列表项上

    HTML

    <ul>
    <li><span>Item</span></li>
    <li><span>Item</span></li>
    </ul>
    

    您可以使用mozilla css参数

    CSS

    li span{
        margin-left: -50px;
        padding-left: 50px;
        position: absolute;
    }
    
     li {-moz-user-select: none;}
    

    所选内容似乎与mousedown事件有关。您可以通过停止事件来阻止它。例如,在jQuery中:

    elt.mousedown(function(event){ return false; });
    

    这篇文章可能会有帮助:您应该考虑添加<代码> IF(事件&事件预防预案)事件。代码>也可以添加到您的函数中。