ダブルクリック後の不思議なUI動作

Question

データバインディングとDOM操作にKnockoutJSを利用するHTMLコードがあります。そのうちの1つは、ダブルクリックでハイライト（シングルクリック）してアクションを実行することです。ダブルクリックして非表示にして、新しいDIVの一部のDIVを最初に表示した場合を除いて、すべて正常に動作します。

コードハイライト表示し、選択のためのようになります。私は強調表示された要素にclick()イベントを実行することによって、それを「選択解除」に疲れていたが

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

が動作していないように見える

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

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+ */