HTMLelementで.focusの後にクリックイベントを防止する方法は？

Question

私はHTMLelement.focusを2か所で使用しています。 1つはコンポーネント内の更新プログラムで、もう1回は通常のプライベートメソッドです。 componentdidupdate内の1つが、参照された要素に対してクリックアクションをトリガーしています。デバッグモードでフローをチェックすると、クリックイベントがトリガーされていません。通常のプライベートメソッドのものは正常に動作しています。

フォーカスイベント後のクリックを防止するにはどうすればよいですか？

Answer 1

jQueryを使用していませんが、jQueryを使用する場合は、jQueryフォーカスイベントを使用し、その要素のclickイベントをオフにします。ここでは#secondのテキストボックス...で見ることができます！

$(document).ready(function() { 
 
\t $('#first, #second').on('click', function(event) { 
 
\t \t event.preventDefault(); 
 
\t \t console.log('clicked..!') 
 
\t }); 
 
\t $('#second').on('focus', function(event) { 
 
\t \t event.preventDefault(); 
 
\t \t $(this).off('click'); 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="" id="first" placeholder="First"> 
 
<input type="text" name="" id="second" placeholder="second">