jquery事件对象event有哪些属性和方法

jquery事件对象event有哪些属性和方法,第1张

1eventtype属性

方法作用是可以获取到时间的类型。

2eventpreventDefault()方法

该方法的作用是阻止默认的事件行为。JavaScript中符合W3C规范的preventDefault()方法在IE浏览器中无效。jQuery对其进行了封装,使之能兼容各种浏览器。

3eventstopPropagation()方法

该方法是阻止事件的冒泡。JavaScript中符合W3C规范的stopPropagation()方法在IE浏览器中无效。jQuery对其进行封装,使之能兼容各种浏览器。

4eventtarget属性

eventtarget属性的作用是获取到出发事件的元素。jQuery对其封装后,避免了W3C、IE和safari浏览器不同标准的差异。

5eventrelatedTarget属性

在标准DOM中,mouseover和mouseout所发生的元素可以通过eventtarget()方法来访问,相关元素是通过eventrelatedTarget属性来访问的。eventrelatedTarget属性在mouseover中相当于IE浏览器的eventfromElement属性,在mouseout中相当于IE浏览器的eventtoElement,jQuery对其进行了封装,使之能兼容各种浏览器。

6eventpageX/eventpageY属性

该方法的作用是获取到光标相对页面的x坐标和y坐标。如果没有使用jQuery时,那么IE浏览器中是用event/eventy方法,而在Firefox浏览器中用eventpageX/eventpageY方法。如果页上有滚动条,则还要加上滚动条的宽度和高度。在IE浏览器中还应该减去默认的2px的边框。

7eventwhich属性

该方法的作用是在鼠标单击事件中获取到鼠标的左、中、右键;在键盘事件中获取键盘的按钮。

8eventmetaKey属性

针对不同浏览器对键盘中的<ctrl>按键解释不同,jQuery也进行了封装,并规定eventmetaKey()方法为键盘事件中获取<ctrl>按键。

9eventoriginalEvent属性。

该方法的作用是指向原始的事件对象。

这个不难弄···

事先获取div的offset和它的高度··然后加起来··然后你在$(window)scroll(function(){});中判断当前滚动的高度是否等于高度+offsettop·如果等于的话·你就把div设置为position:fixed;

然后再给它一个top就可以了

前置条件:

div作为盒子限制高度,并设置overflow:auto。在内容超溢出时会出现滚动条(默认Y轴)

实现滚动条滚动到指定位置有两种情况:无效果 和 有动画效果

(1)无效果--直接使用scrollTop方法

//100为高度,单位px

$('box')scrollTop(100)

(2)有效果--使用animate方法

//100为高度,单位px;300为时间,单位ms

$('box')animate({scrollTop:100},300)

以上就是关于jquery事件对象event有哪些属性和方法全部的内容,包括:jquery事件对象event有哪些属性和方法、jquery效果:DIV随浏览器滚动条上下移动、如何通过JQuery将DIV的滚动条滚动到指定的位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9406912.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存