javascript - 如何使输入按钮(键盘)在 IE8 的表单中正常工作?

标签 javascript html forms internet-explorer enter

问题只发生在 Internet Explorer 中。在任何其他浏览器中,我可以通过按键盘上的回车键来提交表单,在 IE8 中,我必须实际单击该按钮。

我搜索了一段时间的修复程序并找到了一些东西,但它仍然无法正常工作。我正在使用的 javascript 应该寻找键码 13,它是回车键,但是当我点击回车键时,该字段会自行清除而不提交表单并且不会触发键码。 keycode 只返回字母的结果,而不返回 shift/enter 的结果。

这是我当前解决方案的 HTML:

    <form action="chatscreen.php" name="loginform" method="post"> 
        <p>Please enter your name to continue:</p> 
        <label for="name">Name:</label> 
          <input type="text" name="name" id="name" onkeyup="whichButton("loginform","enter")"/> 
        <button type="submit" name="enter" id="enter" value="Enter">Button</button>
    </form> 

这是我尝试实现的 javascript 作为修复:

 <script type="text/javascript">
    function whichButton(formname,elementname) {
    alert("got a key = " + event.keyCode);
    if (event.keyCode === 13) {
    var followingInput = document.getElementById(elementname);
    document.formname.elementname.click();
    }
    }
 </script>

最佳答案

<script type="text/javascript">
    function whichButton(formname,elementname) {
       var keyID = (window.event) ? event.keyCode : keyEvent.keyCode;
       if (keyID === 13) {
          var followingInput = document.getElementById(elementname);
          document.formname.elementname.click();
       }
    }
 </script>

关于javascript - 如何使输入按钮(键盘)在 IE8 的表单中正常工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13169767/

相关文章:

javascript - 谷歌折线图中从左到右的启动动画

Javascript:无法获得 Promises.all 响应

html - 在不知道高度宽度的情况下用背景图像填充 SVG 路径

html - div 外部的 CSS3 图像悬停事务

jquery - 使用 Jquery 将评论回复表单插入页面

javascript - 用于 DOM 修改的高效 Javascript

javascript - 我如何从javascript中的url生成二维码

javascript - 在单击以在Angular 9中上传文件之前显示图像?

javascript - 使用 Javascript onload 填充 HTML

php - 在另一个字段中输入值时如何更新表单字段