jQuery イベントのネームスペース

jQuery.fn.onに名前空間をつけることができる

<a>Fire click event</a>

<script>
$(function() {
    const $a = $('a')

    $a.on('click.name', function() {
        console.log('click.name')
    })

    $a.on('click', function() {
        console.log('click')
    })
})
</script>

このようなコードがあった時、jQuery.off() に指定するイベント名に click を指定すると click.name イベントにセットされたハンドラも削除される。

$a.off('click.name') // "click" のみ出力
$a.off('click') // 何も出力されない
Last updated on September 8, 2017