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

【问题标题】：How to prevent click event after .focus on HTMLelement?.focus on HTMLelement后如何防止点击事件？
【发布时间】：2017-08-04 07:02:43
【问题描述】：

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

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

【问题讨论】：

欢迎来到 SO - 请阅读有关如何提问的帮助部分。如果您展示您的尝试以便我们提供帮助，这是理想的选择。

标签： javascript reactjs typescript

【解决方案1】：

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

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

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

【讨论】：

我正在使用 React，这里不能使用 jQuery。