Fatal编程技术网
  • javascript/
  • Javascript Jquery中的bindType与delegateType

Javascript Jquery中的bindType与delegateType

javascript jquery

Javascript Jquery中的bindType与delegateType,javascript,jquery,Javascript,Jquery,嘿，伙计们，我刚刚浏览了Jquery文档，基本上遇到了以下代码： jQuery.event.special.pushy = { bindType: "click", delegateType: "click" }; 文档对bindType和delegateType有以下解释： 定义时，这些字符串属性指定一个特殊事件 应像其他事件类型一样处理，直到事件 交付。如果事件直接附加，则使用bindType，并且 delegateType用于委派事件。这些类型是 通常是DOM事件类型，不

嘿，伙计们，我刚刚浏览了Jquery文档，基本上遇到了以下代码：

jQuery.event.special.pushy = {
    bindType: "click",
    delegateType: "click"
};
文档对
bindType
和
delegateType
有以下解释：

定义时，这些字符串属性指定一个特殊事件 应像其他事件类型一样处理，直到事件 交付。如果事件直接附加，则使用bindType，并且 delegateType用于委派事件。这些类型是 通常是DOM事件类型，不应该是特殊事件 他们自己

现在我不明白以下几点：

如果事件直接附加，则使用bindType，并且 delegateType用于委派事件

直接附加的
和
委托事件是什么

多谢各位

Alex-z
考虑以下示例：

HTML


<html>
<body>
<div id="container">
    <ul id="list">
        <li><a href="http://domain1.com">Item #1</a></li>
        <li><a href="/local/path/1">Item #2</a></li>
        <li><a href="/local/path/2">Item #3</a></li>
        <li><a href="http://domain4.com">Item #4</a></li>
    </ul>
</div>
</body>
</html>


JS（委托绑定）

事件委派是指使用事件传播（冒泡）在DOM中处理事件的过程，其级别高于事件发生的元素。它允许我们为现在或将来存在的元素附加单个事件侦听器

另一个参考，如此：

// Attach a directly bound event handler
$( "#list a" ).on( "click", function( event ) {
    event.preventDefault();
    console.log( $( this ).text() );
});



// Attach a delegated event handler
$( "#list" ).on( "click", "a", function( event ) {
    event.preventDefault();
    console.log( $( this ).text() );
});