Jquery基础事件&&事件对象

最新推荐文章于 2023-03-06 21:51:07 发布

奇点码农

最新推荐文章于 2023-03-06 21:51:07 发布

阅读量286

点赞数

CC 4.0 BY-SA版权

分类专栏： JQuery基础文章标签： web jquery

本文链接：https://blog.youkuaiyun.com/cdc8596/article/details/78947116

JQuery基础专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了jQuery中的各种事件处理方法，包括焦点事件、鼠标悬停事件、循环事件等，并解释了如何通过bind方法传递变量，以及如何获取不同类型的坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//事件对象

1. //focus()和blur()必须是当前元素才能激活是否获取焦点的方法

            //focusin()和focusout():父元素丢失焦点获取焦点也可以激活方法
            $('input').focusin(function () {
                alert(1);
            });
            $('input').focusout(function () {
                alert(1);

});

2.//hover方法结合了mouseenter() 和mouseleave()方法

$('div').hover(function(){

$(this).css('background','black');

},function(){

$(this).css('background','red');

})

3.//toggle():循环执行的函数,已经不支持了,如果使用的话需要引入兼容插件

               $('div').toggle(function () {
                $(this).css('background', 'black');
            }, function () {
                $(this).css('background', 'blue');
                }, function () {
                    $(this).css('background','red')
                }
            )

//target是获取触发元素的DOM,触发元素,就是点击哪个就是哪个触发

//currentTarget:得到的是监听元素的DOM,你绑定哪个就是哪个

//relatedTarget:得到进入方向距离最近的元素

5.//通过bind绑定函数,并传递变量

$('input').bind('click','TEST',function(e){

alert(e.data);

} )

运行结果为:TEST

6.pageX/pageY:获取相对于页面原点的坐标

screenx/screeny:获取显示器屏幕位置的坐标

clientX/clientY:

7.//which函数是判断鼠标的左中右键,如果换成keyup动作则会弹出键盘按的那个键的ascii码
            $('input').bind('mousedown', function (e) {
                alert(e.which);
            })