【问题标题】:Cannot click/focus into textbox, due to onmousedown="return false;"由于 onmousedown="return false;" 无法单击/聚焦到文本框
【发布时间】:2018-03-02 01:25:50
【问题描述】:

我已将一些搜索和电子邮件注册文本框放入页面中,但无法单击该字段以将其聚焦并输入文本。

经过一些故障排除后,我发现原因是主 div 包含内容。它有这些规则:

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

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

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

你可以在this page看到问题

【问题讨论】:

  • 尝试创建Minimal, Complete, and Verifiable example 而不是链接到该页面。另外,为什么不尝试删除 onmousedown 参数呢?你有吗?
  • 是的,我有,它解决了问题。我只是想知道它是否在阻止复制/粘贴方面提供了额外的好处,或者“onselectstart”是否就足够了。
  • 您应该将此作为答案发布并接受它,以便其他人可以看到您的问题已解决,尤其是如果您自己解决了问题。

标签: javascript css wordpress textbox


【解决方案1】:

由于我不确定onmousedown="return false;" 为何存在(我是新手),因此我决定将其留在那里,并在文本框周围添加一些代码,以便用户单击/关注它们.

我在older related question 中找到了答案。这个问题已经收到了 24 个不同的答案,但我发现其中最简单且完全理解如何实现的答案是this

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

这样我们保留了对主 div 的限制,但我们允许点击输入字段。经过测试,它可以工作。

【讨论】:

    猜你喜欢
    • 2018-05-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多