jquery给元素设置监听，jquery 监听

如何使用jquery监听dom下某个元素触发得事情

1、(element).on(click，function(){ /*获取该元素*/ console.log($(this))；alert(click)；})；on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

2、event.preventDefault()：取消浏览器对当前事件的默认行为，比如点击链接后，浏览器跳转到指定页面，或者按一下空格键，页面向下滚动一段距离。event.stopPropagation()：阻止事件在DOM中继续传播，防止再触发定义在别的节点上的监听函数。

3、第一步：sizzle选择器基于元素的id、类、类型、属性、属性值等查找（或选择）HTML元素，简单的说是基于css选择器，除此之外还有一些特定的选择器。

相关问答

Q1: js监听事件有什么用js监听事件有什么用处

。事件监控的定义 在Javascript中，浏览器通常分为两类： ①基于IE内核的浏览器(版本号小于9的IE浏览器) ②基于W3C内核的浏览器(即版本号大于9的浏览器，火狐、谷歌等浏览器) 1)基本语法：基于IE内核浏览器 多姆。attachEvent(type，callback，capture)：为元素绑定一个事件侦听器。

js的监听事件就是相当于注册一个监听器，随时检测对应事件有没有发生，如果发生了自动调用定义好的函数来处理。一般情况下 监听事件是对应于dom元素而言的，同时也需要声明所监听事件种类。比如可以为一个按钮设置监听事件，点击之后自动调用相应函数处理。

事件侦听器是用来侦听发生在对象上的动作事件，如点击，鼠标划入，鼠标移出等，利用侦听器就可以将这些事件将你要执行的代码绑定起来，示例如一楼所说的。

JavaScript 事件可以被描述为在 HTML 文档中发生的特定动作或交互，例如用户单击某个元素、滚动页面以及表单提交。当事件发生时，JavaScript 可以捕获该事件并执行与之相关的代码。通过事件监听器，我们可以将 JavaScript 代码与指定的事件相关联，以便在特定的事件发生时自动执行该代码。

JavaScript中主要的事件有如下这些：事件的作用：事件在HTML中扮演着相当重要的作用，要了解他的作用，首先我们了解下事件的概念：“事件指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。

普通的函数需要在特定的场景调用才能起作用，但是事件监听是对某个事件发生了变化而作出的动作，比如你监听屏幕变化的时候（window.onresize=function(){}），只要浏览器窗口发生变化，function里面的代码就会被执行。

Q2: jquery中怎样给每一个li,添加mouseover事件

1、虽然我不知道你的代码能实现什么效果，但根据你的描述，觉得楼主可以考虑一下使用each()这个方法。使用each遍历每一个#fmenu li，给每一个#fmenu li添加mouseover事件。

2、可以在divItem的mouseover事件里面调用divBox的mouseover所调用的方法。你的divItem是用来做什么的，能否用divBox的背景图片代替。或者把所有div的position：absolute，然后把divBox的z-index设置为大于divItem的z-index，再把divBox设置为半透明的形式。

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

4、jquery基础事件，包括绑定事件、简写事件、复合事件；一．绑定事件 jQuery 通过.bind()方法来为元素绑定这些事件。

5、更好的意见是使用css的选择器 ：hover 来做最简单了。

6、应该可以的，试一下live方法 live( type， fn )jQuery 3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。目前支持 click， dblclick， mousedown， mouseup， mousemove， mouseover， mouseout， keydown， keypress， keyup。

Q3: jQuery中的resize事件,监听不了元素改变后的大小

1、给你推荐一个jquery重新封装resize代码，可以监听几乎所有html标签，比如text、p、div、span等。

2、浏览器的放大缩小会导致网页布局变动，jquery的resize()方法，可以根据浏览器的窗口大小的变动，对网页进行操作：以下是div随着浏览器窗口大小变更，改变大小（resize）的案例：html： 效果：resizeDiv的块会根据网页变更，大小也随之改变。

3、resize事件会在元素的尺寸大小被调整时触发。该事件常用于window对象(浏览器窗口)或框架页面。此外，你可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发resize事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过resize()绑定的事件，请使用unbind()函数。

4、你可以尝试以下代码：window.onresize=resizeBannerImage；//当窗口改变宽度时执行此函数function resizeBannerImage() { var winW = $(window).width()； va if( $(window).width() 600 ) { /* 这里是要执行的代码 */ } }知识延展：几个简单的jQuery使用方法响应事件。

5、event) 移动鼠标到四周可改变该DIV大小 花了十分钟写的代码，没有仔细测试，在IE8和Chrome测试通过。如有不懂的地方可以继续追问。该地方引用了jQuery库，请自行更改相应的jQuery路径。最后希望能采纳一下下。

6、js和jquery没有类似的监控功能，可以给你提供两种思路。可以判断输入框的焦点事件 可以用jquery的resize()方法，浏览器窗口大小改变时会触发。

Q4: 如何给树的父节点添加双击展开事件

在界面上添加【treeView】的控件，并调整为合适大小。在程序界面上加入其它需要的控件：包括，用于输入父节点个数和子节点个数的2个输入框；生成节点的按钮、删除节点的按钮、清除所有节点的按钮；输出日志信息的文本框。

你可以利用node.Tag属性。比如在加载的时候，把结点分类别，保存到node.Tag属性中。点击节点时，判断该属性值就可以了，当然还用其它方法，比如利用节点的Name属性。

·每个节点有零个或多个子节点；·没有父节点的节点称为根节点；·每一个非根节点有且只有一个父节点；·除了根节点外，每个子节点可以分为多个不相交的子树； 二叉树是树的特殊一种，具有如下特点：·每个结点最多有两颗子结点。·左子树和右子树是有顺序的，次序不能颠倒。

点击两次是一次隐藏子节点，一次展开子节点么？展开子节点时触发onExpand事件，隐藏子节点触发onCollapse事件。

例如，您可以在递归更新子节点时在事件处理程序中设置 Checked 属性，以便用户不必逐个展开并选中每个节点。如果未将 TreeViewEventArgs 的 Action 属性设置为 TreeViewAction.Unknown，则若要防止该事件被多次引发，需为仅执行递归代码的事件处理程序添加逻辑。

Q5: e.target与e.currentTarget的区别

1、e.currenttarget 和 e.target 是不相等的。注意 ，在jQuery提供的on方法中，e.currentTarget与该方法接收的第二个参数有关，根据jQuery的文档描述 当li中含有子元素的时候，e.target指的是触发事件的元素，可能是span也可能是li，此时的e.currentTarget指的是selector那个参数，也就是本例中的li。

2、target和currentTarget的区别是：target：触发事件的元素。currentTarget：事件绑定的元素。

3、此时，只要 foo() 执行，那么 e.currentTarget.id 的值必然是 container ，因为 currentTarget 永远指向的是 事件所绑定的元素 （这里点击事件直接绑定在container元素上）。但是 target 则不同，它指向的是 事件实际执行所在的元素 ，所以本例中 e.target.id 的值取决于鼠标直接所点击的元素。

4、target属性指向的是事件目标，而currentTarget属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而target指向的可能不是定义时的事件目标。例如：div.addEventListener(click，(e)={console.log(e.target，e.currentTarget)；}，false)；e.target可能指向div元素，也可能指向它的子元素。

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