-
jQuery自定义事件之triggerHandler事件 triggerHandler与trigger的用法是一样的，重点看不同之处： triggerHandler不会触发浏览器的默认行为，.triggerHandler( "submit" )将不会调用表单上的.submit() .trigger() 会影响所有与 jQuery 对象相匹配的元素，而 .triggerHandler() 仅影响第一个匹配到的元素 使用 .triggerHandler() 触发的事件，并不会在 DOM 树中向上冒泡。 如果它们不是由目标元素直接触发的，那么它就不会进行任何处理 与普通的方法返回 jQuery 对象(这样就能够使用链式用法)相反，.triggerHandler() 返回最后一个处理的事件的返回值。如果没有触发任何事件，会返回 undefined查看全部
-
$("div").on('click',function(e){ alert('触发的元素是内容是: ' + this.textContent) }) 这里用this，就是指的是绑定事件的对象，也就是div. $("ul").on('click',function(e){ alert('触发的元素是内容是: ' + e.target.textContent) }) 这里的e.event就是指的发生事件的对象，点击ul内部的元素，冒泡到ul上执行后，回调的是你所点击的元素查看全部
-
parseInt(string, radix) 当参数 radix 的值为 0，或没有设置该参数时，parseInt() 会根据 string 来判断数字的基数。 举例，如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。查看全部
-
trigger() 方法触发被选元素上指定的事件以及事件的默认行为（比如表单提交）。 该方法与 triggerHandler() 方法类似，不同的是 triggerHandler() 不触发事件的默认行为。 与 triggerHandler() 方法相比的不同之处: 它不会引起事件（比如表单提交）的默认行为 .trigger() 会操作 jQuery 对象匹配的所有元素，而 .triggerHandler() 只影响第一个匹配元素。 由 .triggerHandler() 创建的事件不会在 DOM 树中冒泡；如果目标元素不直接处理它们，则不会发生任何事情。 该方法的返回的是事件处理函数的返回值，而不是具有可链性的 jQuery 对象。此外，如果没有处理程序被触发，则这个方法返回 undefined。查看全部
-
event.which： 在mousedown、mouseup事件中，event.which属性返回的是对应鼠标按钮的映射代码值(相当于event.button)。以下是主要的鼠标按钮映射代码对应表。 event.which属性值 对应的鼠标按钮 1 鼠标左键 2 鼠标中键(滚轮键) 3 鼠标右键 在keypress事件中，event.which属性返回的是输入的字符的Unicode值(相当于event.charCode)。以下是常用的字符Unicode代码对应表。更多字符的Unicode代码，请参见完整的ASCII编码表(Unicode兼容ASCII)。 which属性值(或范围) 对应的输入字符 48 - 57 对应字符 0 - 9 65 - 90 对应字符 A - Z 97 - 122 对应字符 a - z 在keydown、keyup事件中，event.which属性返回的是对应按键的映射代码值(相当于event.keyCode)。以下是常用的键盘按键映射代码的对应表： which属性值(或范围) 对应的键盘按键 8 Backspace键 9 Tab键 13 Enter键 16 Shift键 17 Ctrl键 20 Alt键 20 Caps Lock键(大小写锁定) 27 Esc键 33 - 36 对应按键 PageUp、PageDown、End、Home 37 - 40 对应按键 左、上、右、下(方向键) 45 - 46 对应按键 Insert、Delete 48 - 57 对应按键 0 - 9(非小键盘) 65 - 90 对应按键 A - Z 91 Windows键 96 - 105 对应按键 0 - 9(小键盘) 106、107、109、110、111 对应按键*、+、-、.、/(小键盘) 112 - 123 对应按键 F1 - F12查看全部
-
jq中return false 既阻止了事件冒泡，又会阻止事件默认行为查看全部
-
jQuery事件对象的属性和方法 1.event.type：获取事件的类型 触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 }); 2.event.pageX 和 event.pageY：获取鼠标当前相对于页面的坐标 3.event.preventDefault() 方法：阻止默认行为 4.vent.stopPropagation() 方法：阻止事件冒泡 5.event.which：获取在鼠标单击时，单击的是鼠标的哪个键 6.event.currentTarget : 在事件冒泡过程中的当前DOM元素 this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用；查看全部
-
event.target代表当前触发事件的元素，可以通过当前元素对象$(this)的一系列属性来判断是不是我们想要的元素查看全部
-
事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生，并且只能是事件处理函数内部访问，在所有事件处理函数运行结束后，事件对象就被销毁查看全部
-
在input元素上绑定keydown事件 每次获取的内容都是之前输入的，当前输入的获取不到查看全部
-
1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为 3.event.preventDefault(); 它的作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为查看全部
-
卸载事件off()方法 通过.on()绑定的事件处理程序 通过off() 方法移除该绑定 绑定2个事件 $("elem").on("mousedown mouseup",fn) 删除一个事件 $("elem").off("mousedown") 删除所有事件 $("elem").off("mousedown mouseup") 快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁 $("elem").off()查看全部
-
什么时候使用委托事件： 1.对未被创建的元素添加事件监听 2.避免频繁添加或删除event handler，委托父元素来进行事件处理 使用委托事件的优点： 1.大量减少监听元素的开销查看全部
-
事件的委托处理（Event Delegation） javascript的事件模型，采用"冒泡"模式，也就是说，子元素的事件会逐级向上"冒泡"，成为父元素的事件。 利用这一点，可以大大简化事件的绑定。比如，有一个表格（table元素），里面有100个格子（td元素），现在要求在每个格子上面绑定一个点击事件（click），请问是否需要将下面的命令执行100次？ $("td").on("click", function(){ $(this).toggleClass("click"); }); 回答是不需要，我们只要把这个事件绑定在table元素上面就可以了，因为td元素发生点击事件之后，这个事件会"冒泡"到父元素table上面，从而被监听到。 因此，这个事件只需要在父元素绑定1次即可，而不需要在子元素上绑定100次，从而大大提高性能。这就叫事件的"委托处理"，也就是子元素"委托"父元素处理这个事件。 $("table").on("click", "td", function(){ $(this).toggleClass("click"); }); 更好的写法，则是把事件绑定在document对象上面。 $(document).on("click", "td", function(){ $(this).toggleClass("click"); }); 如果要取消事件的绑定，就使用off()方法。 $(document).off("click", "td");查看全部
-
on()的高级用法 委托机制 .on( events ,[ selector ] ,[ data ], handler(eventObject) ) <div class="left"> <p class="aaron"> <a>目标节点</a> //点击在这个元素上 </p> </div> 给出如下代码： $("div").on("click","p",fn) 事件绑定在最上层div元素上，当用户触发在a元素上，事件将往上冒泡，一直会冒泡在div元素上。如果提供了第二参数，那么事件在往上冒泡的过程中遇到了选择器匹配的元素，将会触发事件回调函数查看全部
举报
0/150
提交
取消