文本框输入移动设备的替代密钥

Posted

技术标签:

【中文标题】文本框输入移动设备的替代密钥【英文标题】:Textbox enter key alternative for mobile device 【发布时间】:2018-07-19 21:50:09 【问题描述】:

我有一个用于输入详细信息的文本框

<input type="text" class="textbox" id="myText"/>

我喜欢在按下 Enter 键时保存输入的详细信息。我可以通过以下代码实现。

$('#myText').live("keypress", function(e) 
      if (e.keyCode == 13) 
          alert("Enter pressed");
          -- code for saving
      
);

但如果我使用移动设备,我将无法按 Enter 键。我如何同时获得此功能?

我希望它能够在计算机和移动设备上使用,这不是表单提交,因为我还有其他一些文本框。我想保存唯一按下回车键的文本框

【问题讨论】:

为什么在移动设备上无法按回车键? output.jsbin.com/ritijidebe 在我的手机上使用它时记录所有键码并正确识别输入为 13(在我的 android 版本上,该键标记为“Go”,但它仍然是一个输入键) 【参考方案1】:

尝试使用onchange 方法,

$('#myText').change(function(e) 
      alert("Value changed");
      -- code for saving
    
);

【讨论】:

但是在这里,我输入的每个字符都会保存文本,我只有在输入完成后点击回车才能保存 Onchange 会在您点击输入框时触发,所以我认为它不会触发您输入的每个字符。 是的,按下标签会触发该方法。

以上是关于文本框输入移动设备的替代密钥的主要内容,如果未能解决你的问题,请参考以下文章

在移动设备上输入组附加错误(低分辨率屏幕)

eplan模型视图中怎么移动文本

触发所有移动设备输入文本的数字键盘[重复]

检测移动设备,如果移动设备使用替代 CSS 样式表? [复制]

覆盖网站上文本输入区域的默认移动设备键盘? (HTML/JS/jQuery)

自制软键盘+支付密码