首頁猿問 jq事件綁定

jq事件綁定

JavaScript

LEATH 2018-09-04 13:34:21

$(document).on('click',function(event){ if($(event.target).is('[data-btn-rank]')){ alert("ppp") } }) $("body").on('click','[data-btn-rank]',function(event){ alert("ppp") })這兩種綁定方法效果完全一樣嗎？還是有其他區(qū)別？

查看完整描述

1 回答

冉冉說

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超1個(gè)贊

說在前面：
一般不會(huì)把事件綁定到document上

假設(shè)你的問題是這樣：

$('body').on('click', function(event) {    /* some code */});
$('body').on('click', '[data-btn-rank]', function(event) {    /* some code */        });

共同點(diǎn)：
Function對象都是綁定在body元素上

不同點(diǎn)（即區(qū)別）：
前者：點(diǎn)擊body時(shí)觸發(fā)
后者：點(diǎn)擊[data-btn-rank]元素，冒泡到body時(shí)觸發(fā)

以上。

反對回復(fù) 2018-10-26