js a form
在HTML中默认行为主要存在于a标签和form标签中。
在a标签中添加href,默认点击会跳转到页面 <a href="http://qq.com"></a> 禁止跳转的解决方法: 1,javascript:;,javascript:void(0); 这些没有 # 系列的问题了,但是会让 IE6 的动态 GIF 停止播放 <a href="javascript:void(0)"></a> 2,为a标签添加事件,在事件的最前面加上 if( event.preventDefault ){ event.preventDefault(); //支持DOM浏览器写法 }else{ event.returnValue=false; //IE } 在我们测试页面中我们通常会在href中设置#来代替未来需要添加的URL地址也默认有了手型的样式,但是添加#的时候点击也会默认置顶的行为,我们可以 <a href="#!"></a>这样不仅达到有手型的行为也防止了,默认置顶。
在form标签中 1、如果form里面只有一个input type=text,那么无论有没有submit按钮,在input中回车都会提交表单。 2,在form中如果点击input或者是button类型type为submit提交数据的同时也会闪烁一次。 3, 在form里面同时存在input type="submit"和button,如果input获取焦点后回车会先执行排在最前面的click事件 <form> <input type="number"> <input type="text"> <p><input type="submit" value="submit" onclick="alert(1)"></p> <p><button onclick="alert(2)">button</button></p> </form> 禁止回车键的默认行为添加一下代码: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 更多了解:http://www.oschina.net/question/1092_25864 解决方法: 使用event.preventDefault(); 或者推荐一款表单插件 jquery.form.js https://sdeno.com/?p=4749