双击后出现奇怪的UI行为

Question

我有HTML代码，它利用KnockoutJS进行数据绑定和DOM操作。其中之一是突出显示（单击）并在双击时执行操作。一切正常，除非双击并隐藏并在新生成的DIV中显示一些DIV第一个单词后突出显示没有任何线索原因。

突出显示和选择的代码如下：

 <tr data-bind="attr: { id: resource.id}, 
                css: {'isSelected':$root.selRow() == $data}, 
                click: $parent.highlightRow.bind($parent), 
                event : { dblclick: $parent.selectRow.bind($parent) }" >

我已经厌倦了＃34;取消选择＆＃34;它通过在突出显示的元素上执行click()事件但看起来不起作用

    setTimeout(function(){
            $(".first_name").click();
            console.log("Clicked!");
        }, 3000);

Answer 1

您没有提到您在这里使用的浏览器。

请使用以下不同浏览器的样式更新css：

-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */