Javascript 播放音频不';在iOS上提交表单

Javascript 播放音频不';在iOS上提交表单,javascript,ios,html5-audio,Javascript,Ios,Html5 Audio,我有一个表单可以在提交时播放音频(Vue但nvm)。 它在任何地方都能完美工作,但在iOS上却不行 在iOS上,它只在单击按钮元素时起作用,但在单击iOS键盘上的“返回”按钮时不起作用:( 为什么iOS不信任提交事件,但它信任以相同方式工作的单击 有什么建议吗?谢谢 我有一个“黑客”解决方案: 移除表单onsubmit处理程序,将按钮的类型更改为type=“button”,将onclick处理程序添加到此按钮,并调用playAudio()(“返回”键仍将在键盘上,所以这很好) 将onkeyup事

我有一个表单可以在提交时播放音频(Vue但nvm)。 它在任何地方都能完美工作,但在iOS上却不行

在iOS上,它只在单击按钮元素时起作用,但在单击iOS键盘上的“返回”按钮时不起作用:(

为什么iOS不信任提交事件,但它信任以相同方式工作的单击

有什么建议吗?谢谢

我有一个“黑客”解决方案:

  • 移除表单
    onsubmit
    处理程序,将按钮的类型更改为
    type=“button”
    ,将
    onclick
    处理程序添加到此按钮,并调用
    playAudio()
    (“返回”键仍将在键盘上,所以这很好)

  • onkeyup
    事件添加到输入中,并在
    keyCode===13上调用
    playAudio()
    (输入键)

  • 我的“黑客”解决方案工作正常,但它是“黑客”:(

    
    进入
    
    提交表单时出现iOS(xcode模拟器)错误:

    NotAllowedError:当前上下文中的用户代理或平台不允许该请求,可能是因为用户拒绝了权限

    <form novalidate @submit.prevent="playAudio()">
      <div class="form-group">
        <input
          type="text"
          class="form-control"
          autocapitalize="off"
          autocomplete="off"
          spellcheck="false"
          autocorrect="off"
         />
      </div>
    
      <button type="submit" class="btn btn-block">Enter</button>
    </form>