标签:
先给html代码:
<input type="button" value="按钮"/>
1.click(fn)(单击)
$(‘input‘).click(function(){
alert(‘click‘);
})
2.dblclick(fn)(双击)
$(‘input‘).dblclick(function(){
alert("双击");
})
效果图:

3.mousedown(左键点击后事件)
$(‘input‘).mousedown(function(){//mousedown(点击‘后’)事件
alert(‘鼠标左键按下!‘);
})
说明:具体的效果和click事件看起差不多。但实质还是有区别的。
4.mouseup(fn)(左键按下弹起后事件)
$(‘input‘).mouseup(function(){
alert(‘鼠标左键按下弹起后触发!‘);
})
效果如图:

5.unload(fn)(页面卸载后事件)
$(window).unload(function(){//大多浏览器是不支持跳出弹窗,chrome是绝对不支持跳出,避免恶意广告,一般用于清理,前端用很少
alert(‘1‘);
})
6.resize(fn)(页面改变大小触发)
$(window).resize(function(){
alert(‘窗口大小改变了!‘);
})
效果:
注意:有些事件的操作符的对象是window
7.select(fn)(选中触发事件)
$(‘input‘).select(function(){
alert(‘select‘);
})
效果:

8.change(fn)
$(‘input‘).change(function(){
alert(‘文本改变了‘)
})
效果:

8.submit(fn)(表单提交事件)
$(‘form‘).submit(function(){//作用于表单form,而不是input
alert(‘确定submit‘)
})
<form>
<input type="submit" value="提交">
</form>
效果:

总结:click、dblclick、mousedown、mouseup、unload、resise、change、submit。
标签:
原文地址:http://www.cnblogs.com/liangcheng11/p/5146206.html