уточнение имени метода при использовании объекта-компаньона

В приведенном ниже примере он прикрепляет событие click для привязки с идентификатором «anchor». Этот якорь находится в div, который также имеет прикрепленное событие щелчка. Если мы нажмем на этот якорь, это будет так хорошо, как мы нажимаем на содержащий div. Теперь, если мы хотим сделать некоторые вещи на этом привязке, щелкните, но не хотите, чтобы щелчок div был уволен, мы можем остановить событие, как показано ниже.

<div id="div">

<a href="google.com" id="anchor"></a>

</div>


$("#div").click(function(e){//On anchor click this event will not be fired as we have stop the event propagation in anchor click handler.

   //Do stuff here

});

$("#anchor").click(function(e){

   //Do stuff here

   //This line stops the event bubling and 
   //jquery has abstracted it in the event object to make it cross browser compatible.
   e.stopPropagation();
});
0
задан kiritsuku 1 September 2012 в 23:42
поделиться