jQuery-3(事件)

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")
    }
})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值