我已经在页面中放置了一些搜索和电子邮件注册文本框,但我无法单击该字段以将注意力集中在该字段上并输入文本。
经过一些故障排除后,我发现出现这种情况的原因是包含内容的主div。它有以下规则:
<main id="main" class="site-main" onmousedown="return false;" onselectstart="return false;">
这些限制是为了阻止窃取内容。这防止了用户关注文本字段。
保持对main div的限制,同时允许用户点击文本框的最好方法是什么?也许仅仅是onselectstart
就足以防止复制/粘贴,并且我可以删除onmousedown
参数?
您可以在this page中看到该问题
发布于 2018-03-02 02:06:00
因为我不确定onmousedown="return false;"
为什么在那里(我是个新手),所以我决定把它留在那里,只在文本框周围添加一些代码,这样用户就可以点击/关注它们。
我在older related question中找到了答案。这个问题有24个不同的答案,但我发现其中最简单并且完全理解如何实现的是this
输入使用
标签的
onclick="this.select()"
属性。
这样,我们保留了对主div的限制,但允许在输入字段中单击。经过测试,它可以正常工作。
https://stackoverflow.com/questions/49061368
复制相似问题