Javascript 显示键盘时未在移动设备中触发提交事件
我使用Jquery 1.11.1在表单submit上发送ajax请求:Javascript 显示键盘时未在移动设备中触发提交事件,javascript,android,jquery,ajax,forms,Javascript,Android,Jquery,Ajax,Forms,我使用Jquery 1.11.1在表单submit上发送ajax请求: ... contactForm.on('submit', function(e) { e.preventDefault(); $.ajax({...}); ... 表单是由输入文本、文本区域和提交按钮组成的联系人表单 在桌面模式下运行(Chrome、Firefox、IE等)没有问题:提交事件被触发,ajax调用工作正常 当我在移动设备(Android,Ios,…)中提交表单时,当显示键盘时,表单不会提交。 如果我隐
...
contactForm.on('submit', function(e) {
e.preventDefault();
$.ajax({...});
...
表单是由输入文本、文本区域和提交按钮组成的联系人表单
在桌面模式下运行(Chrome、Firefox、IE等)没有问题:提交事件被触发,ajax调用工作正常
当我在移动设备(Android,Ios,…)中提交表单时,当显示键盘时,表单不会提交。
如果我隐藏键盘,然后点击submit按钮,表单将被提交,ajax调用将正常工作
问题在于,在移动设备中显示键盘时,提交事件不会触发
您可以在屏幕截图中看到键盘显示(绿色按钮为提交):
(我有同样的问题,但在不同的场景中,因此我对它进行了不同的描述,并发布了一个新问题:)
解决方案归结为这段JavaScript,它在输入元素/文本区域触发blur()
:
document.querySelectorAll('input, textarea').forEach((input) => {
input.addEventListener('input', (e) => {
e.target.blur();
e.target.focus();
})
})
您如何关注移动设备上的提交按钮?当你把焦点放在键盘上时,键盘是否可以点击回车键?如果我向下滚动页面,键盘就会显示出来,我可以点击绿色按钮。同样的问题。你解决了吗?看来对我有帮助