如何防止.focus对HTMLelement后的点击事件？

Question

我在两个地方使用HTMLelement.focus。一个内部componentdidupdate和一个正常的私有方法。 componentdidupdate中的一个是触发对引用元素的单击操作。当我在调试模式下检查流时，没有触发click事件。普通私有方法中的那个工作正常。

如何在焦点事件后阻止点击？

Answer 1

虽然你没有使用jQuery，但是如果你想使用jQuery，只需使用jQuery焦点事件并关闭元素上的click事件。您可以在#second文本框中找到...！

＆＃13;

＆＃13;

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

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;