Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/222.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示键盘时未在移动设备中触发提交事件_Javascript_Android_Jquery_Ajax_Forms - Fatal编程技术网

Javascript 显示键盘时未在移动设备中触发提交事件

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,…)中提交表单时,当显示键盘时,表单不会提交。 如果我隐

我使用Jquery 1.11.1在表单submit上发送ajax请求:

...
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();
  })
})

您如何关注移动设备上的提交按钮?当你把焦点放在键盘上时,键盘是否可以点击回车键?如果我向下滚动页面,键盘就会显示出来,我可以点击绿色按钮。同样的问题。你解决了吗?看来对我有帮助