jQuery的学习(下)

事件绑定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( )文字;

按键案例:

代码如下


其中有些case删了,截图截不下,大致结构无差
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容