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