首頁猿問 jQuery 請我這個(gè)我想讓灰色...

jQuery 請我這個(gè)我想讓灰色到綠色這個(gè)范圍有事件,結(jié)果和預(yù)想不一樣,怎么回事?

JavaScript

一只甜甜圈 2018-08-16 10:09:48

我預(yù)想的是讓灰色-綠色這個(gè)范圍有事件,怎么弄出來后,實(shí)際情況是綠色-藍(lán)色有事件? <div class="gray" id="gray"> <div class="red jz" id="red"> <div class="green jz" id="green"> <div class="yellow jz" id="yellow"> <div class="blue jz" id="blue"> </div> </div> </div> </div> </div>我的理解是,語法是這樣 $("冒泡父起始選擇器").on("事件","冒泡子結(jié)尾選擇器",'Function參數(shù)',FunctionName); 我是這樣寫的: $("#gray").on("click","#green",'我是事件啊,次數(shù)是',info); var a = 0; function info(e) { a = a + 1; str = e.data + ':' + a ; $("span").text(str); }

查看完整描述

1 回答

神不在的星期二

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

你的寫法會對 #green 和它內(nèi)部的元素觸發(fā)事件，應(yīng)該這么寫

$(() => {
  $green = $("#green");
  $("#gray").on("click", (e) => {      var $t = $(e.target);      if (!$t.is($green) && $t.closest($("#green")).length) {          return;
      }      console.log("hello", e.target);
  });
});

來 jsfiddle 上看示例

https://jsfiddle.net/gus1zaj7/3/

稍稍改了一下，改成點(diǎn)擊之后彈框。如果要阻止里面的事件冒泡，可以把 return 改成 return false，或者加個(gè) e.stopPropagation();

反對回復(fù) 2018-09-17