iOS 上的 onclick/onSubmit 事件

Posted 2023-03-14

【中文标题】iOS 上的 onclick/onSubmit 事件

【英文标题】：onclick/onSubmit events on iOS

【发布时间】：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>

【参考方案1】：

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

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

【讨论】：

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