-
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为查看全部
-
按键按下显示内容，你第一次按键(例如:r)的时候元素的内容是空的，当你第二次开始按的时候，这时元素里面已经有一个内容(即:r),这时就会把这个r显示出来。这也就是你说的按下后第二次才开始显示。你可以仔细看看这节课程刚开始的时候所说的内容，你明白了keydown事件的触发过程，你就懂了。 键盘的逻辑是：先“按下”，再“输入”。故监听keydown时显示出来的是上一次输入的内容。而keyup就没有这个问题了。查看全部
-
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为查看全部
-
blur、focus事件在元素本身产生，不支持冒泡；focusin、focusout事件支持冒泡。并要注意不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点 所以 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) 这里父级div虽然绑定了focus事件，但是由于是子元素input获得了焦点，也就是input触发了focus事件（当然同时也触发了focusin事件）但是input却没有绑定事件处理函数，所以input不会有什么反应，再因为focus不支持冒泡，所以父级div的focus事件并不会被触发，综上所述就没有任何反应了 而$(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕获了focusin事件') $(this).css('border', '2px solid red') }) 这里父级div绑定了focusin事件，子元素input获得了焦点后触发了focusin事件（当然同时也触发了focus事件），又因为支持冒泡，所以父级div的focusin事件就被触发了,就出现反应了查看全部
-
.html(),.text()和.val()的差异总结： .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
mouseover会冒泡，mouseenter不会冒泡查看全部
-
感覺代碼不夠嚴謹，我自己又修改了一下。查看全部
-
click与dblclick事件 用交互操作中，最简单直接就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dblclick方法用于监听用户双击操作。 使用上非常简单： 方法一：$ele.click() 绑定$ele元素，不带任何参数一般是用来指定触发一个事件，用的比较少 <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#text").click(function(){ $("ele").click() //手动指定触发事件 }); dblclick事件触发需要以下几点： dblclick又是由2个click叠加而来的，所以dblclick事件只有在满足以下条件的情况下才能被触发 鼠标指针在元素里面时点击。 鼠标指针在元素里面时释放。 鼠标指针在元素里面时再次点击，点击间隔时间，是系统而定。 鼠标指针在元素里面时再次释放。 注意：在同一元素上同时绑定 click 和 dblclick 事件是不可取的。查看全部
-
blur、focus事件在元素本身产生，不支持冒泡；focusin、focusout事件支持冒泡。并要注意不是所有元素都能够接收焦点的.能够响应用户操作的元素才有焦点 所以 $(".aaron").focus(function() { $(this).css('border', '2px solid red') }) 这里父级div虽然绑定了focus事件，但是由于是子元素input获得了焦点，也就是input触发了focus事件（当然同时也触发了focusin事件）但是input却没有绑定事件处理函数，所以input不会有什么反应，再因为focus不支持冒泡，所以父级div的focus事件并不会被触发，综上所述就没有任何反应了 而$(".aaron1").focusin(function() { $(this).find('input').val('冒泡捕获了focusin事件') $(this).css('border', '2px solid red') }) 这里父级div绑定了focusin事件，子元素input获得了焦点后触发了focusin事件（当然同时也触发了focus事件），又因为支持冒泡，所以父级div的focusin事件就被触发了,就出现反应了查看全部
-
event.stopPropagation()方法：阻止事件冒泡 event.which:获取在鼠标单击时，单击鼠标的那个键查看全部
-
event.preventDefault()方法：阻止默认行为查看全部
-
triggerHandler()可以触发通过 jQuery 绑定的事件处理函数，而不触发原生的事件 trigger事件会在DOM树上冒泡，在事件处理程序中返回false或调用事件对象中的.stopPropagation() 方法可以使事件停止冒泡。 triggerHandler与trigger的用法是一样的， 不同之处： 1、triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() 2、.trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 3、使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 4、与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
trigger()方法：根据绑定到匹配元素的给定事件类型执行所有的处理程序和行为 trigger除了能够触发浏览器事件，同时还支持自定义事件，并且自定义事件还支持传递参数 $('#elem').on('Aaron', function(event,arg1,arg2) { alert("自定义事件") }); $('#elem').trigger('Aaron',['参数1','参数2']) trigger触发浏览器事件与自定义事件区别： 1、自定义事件对象，是jQuery模拟原生实现的 2、自定义事件可以传递参数查看全部
-
jQuery事件对象的属性和方法 1、event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); 2、event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 通过这2个属性，可以确定元素在当前页面的坐标值，鼠标相对于文档的左边缘的位置（左边）与 （顶边）的距离，简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 3、event.preventDefault() 方法：阻止默认行为 这个用的特别多，在执行这个方法后，如果点击一个链接（a标签），浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 4、event.stopPropagation() 方法：阻止事件冒泡 事件是可以冒泡的，为防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数 5、event.which：获取在鼠标单击时，单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents)，左键报告1，中间键报告2，右键报告3 6、event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. 7、this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 8、.this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
jQuery事件对象的作用 事件对象：是用来记录一些事件发生时的相关信息的对象。 事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁。 一个标准的"click"点击事件 $(elem).on("click",function(event){ event //事件对象 }) 在jQuery事件回调方法中获取到的事件对象是经过兼容后处理过的一个标准的跨浏览器对象； event.target target 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托 简单来说：event.target代表当前触发事件的元素，可以通过当前元素对象的一系列属性来判断是不是我们想要的元素 this代表的是绑定事件的元素查看全部
举报
0/150
提交
取消