码迷,mamicode.com
首页 > 其他好文 > 详细

基础的事件上(说明:这些事件不需要特别讲解,也不常用)

时间:2016-01-20 20:34:28      阅读:196      评论:0      收藏:0      [点我收藏+]

标签:

先给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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!