Jquery基础事件&&事件对象

布满荆棘的人生 2022-06-02 03:06 326阅读 0赞

//事件对象

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);  
            \})