概述
1、文档/窗口事件
ready() //文档准备就绪时触发
$(document).ready()
load() //文档加载时触发
$("img").load(function(){
alert("图像已加载");
})
unload() //当用户的浏览器窗口从当前窗口跳到提起窗口时触发
$(window).unload()
2、键盘事件(键盘事件顺序为 keydown -> keypress ->keyup)
所有的键盘事件对象,都有keyCode属性,这个keyCode属性可以获取键值。keyCode是键盘事件对象的属性。记住:键盘上回车键的键值是13;ESC键的键值是27。
keypress事件与keydown和keyup的主要区别
1)对中文输入法支持不好,无法响应中文输入
2)无法响应系统功能键(如delete,backspace)
keydown() //键盘被按下触发
keypress() //键盘被按下并快速释放触发
keyup() //键盘被释放触发
$("input:text").keydown(function(){
console.log("keydown");
$("#tip").text("键盘被按下");
});
3、鼠标事件
click()
//单击
dblclick()
//双击
hover()
//悬浮
mousedown()
//按下
mouseup()
//释放
mousemove()
//移动
mouseenter()
//进入
mouseleave()
//离开
mouseover()
//穿过
mouseout()
//离开
toggle()
//在jQuery1.8版之后已过期,慎用
4、表单事件
blur()
//当表单元素失去焦点时发生
focus()
//当表单元素获得焦点时发生
change()
//当表单元素的值发生改变时发生
select() //textarea 或文本类型的 input 元素中的文本被选择时发生
submit() //提交表单时发生
5、事件的绑定与解除
bind()
//为被选元素添加一个或多个事件
delegate()
//为被选元素的子元素添加一个或多个事件
on()
//在被选元素及子元素上添加一个或多个事件
off() //用于移除添加的事件处理程序
one() //添加只运行一次的事件
语法:
$(selector).on(event,[data,] function)
eg:
$("button").on/bind/delegate({
"click":function(){
$("body").css("background-color","red")
},
"dblclick":function(){
$("body").css("background-color","yellow")
},
"mouseover":function(){
$("body").css("background-color","blue")
}
})
最后
以上就是漂亮巨人为你收集整理的jQuery-3(事件)的全部内容,希望文章能够帮你解决jQuery-3(事件)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复