随身笔记
随身笔记

html中默认行为有哪些

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

随身笔记

html中默认行为有哪些
js a form 在HTML中默认行为主要存在于a标签和form标签中。 在a标签中添加href,默认点击会跳转到页面 <a href="http://qq.com"></a> 禁止跳转的解决方法: 1,java…
扫描二维码继续阅读
2016-04-02