【问题标题】:Cannot focus on button when focused in textarea in mobile在移动设备的文本区域中聚焦时无法聚焦在按钮上
【发布时间】:2013-05-12 23:34:56
【问题描述】:

我有一个文本区域,当用户在其中键入一些文本并单击下面的按钮时,该按钮第一次将不起作用,您必须按两次按钮才能使其起作用。就好像您第一次单击它时,您将注意力集中在文本区域之外(键盘关闭),而第二次是单击按钮。这只发生在移动设备(galaxy s3 和 iphone4)中。

有人知道我能做些什么来阻止它这样做吗?

这是我的js代码

jQuery('.nextButton').click(function () {
  alert('clicked');
});

HTML

<div class="questionOptions selectionTextarea">
       <textarea rows="4" cols="40" name="s3q1" id="textareas3q1"></textarea>
       <input type="button" value="Next" class="nextButton">
</div>

【问题讨论】:

  • 它是一个特定于平台的东西。你可以试试$('textarea').blur(),但我怀疑它会起作用。
  • This thread 与@KonstantinLevin 具有相同的解决方案。我很想知道你是否能正常工作。
  • 事实是 - 它仍然无法在某些设备上运行。
  • 我尝试了模糊,它可以工作,但它损害了表单的工作流程并与页面上的其余代码混淆,因此我使用按钮而不是 focusout/blur 方法

标签: javascript jquery html mobile focus


【解决方案1】:

尝试添加return false;

jQuery('.nextButton').click(function () {
  alert('clicked');
  return false;
});

【讨论】:

    猜你喜欢
    • 2011-02-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-13
    • 1970-01-01
    • 2019-05-10
    • 2020-08-24
    相关资源
    最近更新 更多