javascript - stopPropagation 函数读取未定义

Question

我有一个包含很多 e.stopPropagation 的页面，所以我决定要做的是创建一个函数。这是代码

function stopProp(name) {
 if($(e.target).hasClass(name)) {
   e.stopPropagation();
   }
 }

虽然每次在控制台中它似乎根本不起作用，并说 stopProp 未定义。

这是我试图将其转换为函数的实际 JS

$('#chatting').on('click','.chatheader',function(e){
     if($(e.target).hasClass('setting')) {
         e.stopPropagation();
      }
    }
});

任何人都可以帮助我弄清楚为什么这不起作用以及我应该如何解决这个问题？我认为只需更改为一个函数就相当容易，这样我就可以轻松编写 stopProp('setting'); 但这里的情况并非如此。

Answer 1

click 事件的处理程序应返回一个作为事件的参数。所以你应该有一个返回事件的函数，例如这样:

$('#chatting').on('click','.chatheader',stopProp('setting'));

function stopProp(name) {
  return function(e) {
    if($(e.target).hasClass(name)) {
      e.stopPropagation();
    }
  }
}