jquery设置事件监听，jquery自定义事件监听

JQuery监听页面滚动事件及scrollTop(),offset().top总结

首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。

但你要知道，滚动到哪个特定位置，例如滚动到一个标题h3那显示这个div，那么可以用jquery算这个h3距离网页顶部的距离：$(h3).offset().top，这个值有了后，还要算滚动条的距离$(this).scrollTop()。

在js标签内，使用scroll()方法监听页面的滚动条，并执行function方法。

jquery获取滚动条高度使用.scrollTop()方法。首先我们新建一个长篇的HTML文档。然后我们编辑JS脚本，使用.scroll()方法，监听网页滚动。然后我们使用.scrollTop()获取垂直滚动距离。

相关问答

Q1: 如何用jquery优雅的给dom绑定监听事件

(ele).click(function(){})；或$(ele).on(click，function(){})；都可以，谈不上优雅。功能能实现，并且代码简单易懂就好。

(element).on(click，function(){ /*获取该元素*/ console.log($(this))；alert(click)；})；on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

在可编辑的DIV里，加上blur事件，就是当失去焦点时，获取失去焦点的DIV的ID，然后保存到全局变量里，这样你在做添加图片时，可以直接读取这个全局变量来获取最后是哪个DIV失去了焦点。

Q2: 如何设置jquery监控单独li上的的事件

1、肯定是先引入jquery库，可以选择下载本地引用，也可以在线引用。on函数，这个是官方推荐使用的函数，因为其他方法都是内部调用on来完成的，直接使用on可以提高效率。

2、第一步，创建一个新的html文件，见下图，转到下面的步骤。第二步，执行完上面的操作之后，创建输入框和按钮，见下图，转到下面的步骤。第三步，执行完上面的操作之后，预览效果见下图，转到下面的步骤。

3、onpropertychange事件：此事件会在元素内容发生改变时立即触发，即便是通过js改变的内容也会触发此事件。元素的任何属性改变都会触发该事件，不止是value。只有IE11以下浏览器支持此事件。

Q3: jquery监听鼠标事件

思路：使用hover()函数监测鼠标经过事件，在hover()的处理函数内$(this)即表示当前处理的对象，也就是当前鼠标经过的class。然后使用toggle()函数实现内层元素在显示和隐藏之间切换。

delegate函数，delegate(selector，type，[data]，fn)参数多了一个selector，用来指定触发事件的目标元素，监听器将被绑定在调用此方法的元素上。

看是针对某个容器的还是整个页面的额 (document).click(function(){ //这是点击整个页面时候会做的事。

鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。下面就来系统的介绍一下jQuery鼠标事件。(1)：click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发。

mouseenter([[data]，fn])概述当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与mouseleave 事件一起使用。

通过监听鼠标的mousedown和mouseup事件，来判断用户在拖动元素。

关于jquery设置事件监听和jquery自定义事件监听的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。