iOS 上的 onclick/onSubmit 事件答案

【问题标题】：onclick/onSubmit events on iOSiOS 上的 onclick/onSubmit 事件
【发布时间】：2017-11-24 20:07:06
【问题描述】：

我有以下 html，这是一个表单提交，我使用 preventDefault 在提交时停止刷新。

到目前为止一切都很好，但是提交按钮在 IOS 上不起作用。（onsubmit 事件根本不会触发）

我已经尝试过每个相关的帖子和建议，例如使用 onClick 事件切换到实际按钮、所有其他类型的 touchStart 或 onTouch 事件、光标：指针 css 技巧以及在页面准备好时使用 jquery 注册侦听器或加载，但似乎没有一个让我使用 iOS 上的按钮。

包括提交按钮在内的所有内容在 iOS 以外的任何其他平台上都可以正常工作。

<form id = "altB">  
    <input type = "text" name = "altName" id = "altName" placeholder = "Name">
    <input type = "text" name = "altRealm" id = "altRealm" placeholder = "Realm"><br><br>
    <input class = "altButton buttonAnim" id = "tempid" type="submit" value="Add alt"><br>
</form>
<script> document.getElementById('altB').addEventListener('submit', function(event){event.preventDefault();temp();});
</script>

【问题讨论】：

标签： javascript jquery html ios dom

【解决方案1】：

对于 iOS，包括"touchstart"，如下所示，

$('#altB').on('click touchstart', function() {
    ---Your logic
});

【讨论】：

他们不想要“click”或“touchstart”事件。他们想要一个提交事件。这甚至没有绑定到提交按钮，它绑定到整个表单......