jQuery は on を使用してイベント登録メソッドを統一します

目次

1. 簡単登録イベントについて

２、委託行事について

3. 一連の出来事

---

1. 簡単登録イベントについて

• イベントの動的登録はサポートされていません

$('div').on('click', function() {
    console.log("我是单击事件")
})

•  複数のイベントに登録する

$('div').on({
    'click': function() {
        console.log('单击事件')
    },
    'mouseenter': function() {
        console.log('这是一个鼠标移入事件')
    }
})

２、委託行事について

• 動的バインディングイベントのサポート
• パラメータ 1: トリガーされたイベント
• パラメータ 2: イベントをトリガーする子要素
• パラメータ 3: イベントの実行をトリガーするコールバック関数

$('parent').on('click', 'div, span', function() {
    console.log("我是单击事件")
})

概要:イベントを親要素にバインドし、イベントをトリガーする子要素をクリックしたときにイベントをトリガーします。

注:これはクリック トリガー イベントの子要素です。

3. 一連の出来事

$('div').on('mouseenter', function() {
    console.log("我是鼠标移入事件")
}).on('mouseleace', function() {
    console.log("我是鼠标移出事件")
})