由于onmousedown =“return false”，无法点击/聚焦到文本框中

Posted 2021-04-20

我已经将一些搜索和电子邮件注册文本框放入页面中，我无法单击该字段以关注它并输入文本。

经过一些故障排除后，我发现其原因是主要的div，包括内容。它有这些规则：

<main id="main" class="site-main" onmousedown="return false;" onselectstart="return false;">

这些限制是为了阻止窃取内容。这可以防止用户关注文本字段。

什么是保持主div限制的最佳方法，但允许用户点击文本框？也许只是onselectstart足以防止复制/粘贴，我可以删除onmousedown参数？

你可以在this page看到问题

答案

因为我不确定为什么onmousedown="return false;"在那里（我是新手）我决定把它留在那里，只是在文本框周围添加一些代码，这将允许用户点击/专注于它们。

我在older related question找到了答案。这个问题得到了24个不同的答案，但是我发现最简单且完全理解如何实现的答案是this：

使用onclick="this.select()"属性作为输入标记。

这样我们就可以保留主div的限制，但是我们允许在输入字段中单击。经过测试，确实有效。