js提交表单打开新页面

最新推荐文章于 2022-05-27 10:32:04 发布

阿O_不拽

最新推荐文章于 2022-05-27 10:32:04 发布

阅读量5.5k

点赞数

分类专栏： js 提交表单打开新页面

本文链接：https://blog.csdn.net/dreamoftch/article/details/12615821

版权

本文讨论了在JavaScript中提交表单时，如何在不同情况下新页面打开在IE浏览器中可能遇到的拦截问题。通过分析text输入框的onkeydown事件和button的onclick事件，发现当text不在form内时，回车提交表单会被拦截；而button则不会。当text和button都在form内时，回车提交有时会被拦截，而点击button则不会。总结得出，使用button进行表单提交在IE中更为可靠。

摘要由CSDN通过智能技术生成

<input type="text" id="version" οnkeydοwn="checkKeyCode(event)">
<input type="button" id="openButton" οnclick="myfun()" value="openButton"/>
<div style="display: none;">
    <form id="testForm" action="ieCheck.jsp" method="get" target="_bland">  //注意这里是_blank，也就是打开新页面
    </form>
</div>

针对上面的HTML，也就是text和button都不在form中，此时对应的js:

function checkKeyCode(e){
    e = e || event;
    if(e.keyCode==13){
         $("#testForm").submit();
    }
}
function myfun(){
    $("#testForm").submit();
}

当在text中按下回车键的时候，