مندوب الحدث ومنع الفقاعات من إطلاق حدث العنصر الأصل

ببساطة تحدث عن تكليف الأحداث ومنع الفقاعات

HTML:

 <ul data-type = "citypick"> <li data-id = "0"> all </li> <li data-id = "88"> New York </li> <li data-id = "119"> los Angeles </li> <li data-id = "138" Francisco </li> <li data-id = "105"> Orlando </li> <li data-id = "118"> Seattle </li> </ul>

JS:

 $ ("ul [data-type = 'citypick']"). on ('click' ، function () {Alert ("element ul plicked") ؛}) ؛ $ ("ul [data-type = 'citypick']). on ('click' ، 'li' ، function () {alert (" child element li تم النقر عليه ") ؛}) ؛

عند النقر على عنصر LI المحدد ، تم العثور على حدث UL ليتم تشغيله ، وهذا شيء لا نريد رؤيته.

يحل:

 $ ("ul [data-type = 'citypick']"). on ('click' ، function () {Alert ("element ul plicked") ؛}) ؛ $ ("ul [data-type = 'citypick']"). on ('click' ، 'li' ، function (e) {

فقط أضف جملة لوقف الفقاعات.