事件绑定off( )---解绑==解除
jQuery用on注册事件,就用off来解绑事件。
off()不给参数就是解绑所有事件。
off("clicik")解绑指定的事件。
$(".one").off("click");//解绑,解除上面帮顶的click事件。
事件触发trigger( )--可以用它触发自定义事件
触发事件trigger("click");
$("#one").click( );==$("#one").trigger("click");
当条件满足触发事件。
自定义事件可以使用事件触发去触发它。
$(".kk").on("lings",function(){//自定义事件
console.log("kk");
});
$(".oo").on("click",function(){
var e=confirm("帅吗?");
if(e){
$(".kk").frigger("click");//触发自定义事件
}
})
jQuery的事件对象
注册一个事件,系统就会帮我们生成一个对象记录这个事件触发时候的一些信息,比如触发事件时候有没有按住某个键,再比如触发这个事件的时候的一些坐标信息。
jQuery的事件对象就是对原生JS事件对象的一个封装,帮你处理好了兼容性。
jQuery中用事件参数e来获取。
$(".kk").on("click",function(e){
console.log(e);
});
在jQuery中常用的3个坐标
screenX和screenY-----对应屏幕最左上角的值
clientX和clientY-----对应页面左上角的位置(忽视滚动条)
pageX和pageY-----距离页面最顶部的左上角的位置(会计算滚动条的距离)
$(".kk").on("click",function(e){
console.log(e.screenX);
console.log(e.screenY);
console.log(e.clientX);
console.log(e.clientY);
console.log(e.pageX);
console.log(e.pageY);
})
阻止事件冒泡行为(阻止这种行为:点击子级事件,父级事件也实现)
e.stopPropagation();//阻止事件冒泡
$(".kk").on("click",function(e){
alert("kk");
e.stopPropagation( );//写在子级里(表示禁止父级也同样实现)
});
阻止浏览器默认行为(例如a标签的跳转)
e.preventDefault( );//阻止浏览器默认行为
$("a").on("click",function(e){
alert("aa");
e.stopPropagation();//阻止冒泡
e.preventDefault( );//阻止默认行为-a标签的跳转
});
既能阻止冒泡又能阻止浏览器默认行为
return false;//阻止冒泡和阻止浏览器默认行为
$("a").on("click",function(e){
alert("aa");
return false;//阻止冒泡和阻止浏览器默认行为
});
键盘按键
//给页面注册键盘按下的事件
$(document).on("keydown"),function(e){
console.log(e.keyCode);//keyCode能够获取按的是哪个键。
});
text( )文字;
按键案例: