标签:
先给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