js提交表单打开新页面
<input type="text" id="version" onkeydown="checkKeyCode(event)"> <input type="button" id="openButton" onclick="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中按下回车键的时候,$("#testForm").submit()提交表单,此时打开新页面会被IE拦截(监听的是onkeydown事件,onclick事件有所不同)
当点击button的时候, $("#testForm").submit();提交表单,此时打开新页面不会被IE拦截
然后将text和button放到form中:
<div style="display: none;"> <form id="testForm" action="ieCheck.jsp" method="get" target="_bland"> <input type="text" id="version" onkeydown="checkKeyCode(event)"> <input type="button" id="openButton" onclick="myfun()" value="openButton"/> </form> </div>
如上,此时text和button都是form中的元素
当在text中按下回车键的时候,$("#testForm").submit()提交表单,此时打开新页面,IE会弹出拦截提示框,但有时候能打开,有时候打不开新页面(监听的是onkeydown事件,onclick事件有所不同)
当点击button的时候, $("#testForm").submit();提交表单,此时打开新页面不会被IE拦截
所以比较坑爹,用button提交的话,不会被拦截,用text监听回车事件提交的话,可能会被拦截。。。尼玛
相关推荐
VitaLemon 2020-10-17
北京老苏 2020-08-17
一像素 2020-08-16
yfisaboy 2020-07-28
preserve log:勾选,页面发生跳转,接口不丢失;;Disable cache:不使用缓存,勾选,拿服务器的缓存;不勾选,用本地缓存;;All那列,表示浏览器的请求类型,对应下面的列type;
baynkbtg 2020-07-05
dingqinghu 2020-06-16
deadgrape 2020-06-09
liujia 2020-06-02
牵手白首 2020-06-02
kikaylee 2020-05-31
MaureenChen 2020-05-25
delmarks 2020-05-17
王磊的程序员之路 2020-05-15
STPace 2020-05-07
singer 2020-05-07
e度空间 2020-04-30
furongwei 2020-04-25