如何防止.focus在HTMLelement之后发生点击事件？

Question

我在两个地方使用了HTMLelement.focus。一个在componentdidupdate中，一个在普通私有方法中。 componentdidupdate中的一个触发引用元素的点击操作。当我在调试模式下检查流程时，点击事件没有被触发。正常的私人方法中的一个工作正常。

如何防止焦点事件后的点击？

Answer 1

尽管您不使用jQuery，但如果您想使用jQuery，只需使用jQuery焦点事件并关闭元素上的单击事件即可。在这里你可以看到#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">