jquery - 如何在与 .on() 一起使用时定义事件 e

Question

我正在使用 .on() 将触摸事件与元素绑定，但我收到错误 e 未定义。怎么办？我尝试在括号内写事件 e，但它不起作用。

$("#myImageFlow ").on('click touchstart',".sliderImage",abc);
//custom function handler for event                  
function abc(){

 e.stopPropagation(); e.preventDefault();

console.log('has no method ...................'+e);

如何定义事件变量，因为我没有用（）调用函数？

Answer 1

abc是事件处理程序，所以你需要使用function abc(e){}

$("#myImageFlow ").on('click touchstart', ".sliderImage", abc);
//custom function handler for event                  
function abc(e) {
    e.stopPropagation();
    e.preventDefault();
    console.log('has no method ...................' + e);
}

• http://api.jquery.com/on/

Answer 2

定义e为参数：

function abc(e){
    if(typeof(e) != "undefined" && e.type == "click"){ // only call stopPropagation and preventDefault on click events
        e.stopPropagation(); e.preventDefault();
    }

    console.log('has no method ...................'+e);
}

或者，您可以有选择地传递参数：

$("#myImageFlow ")
    .on('click',".sliderImage", function(e){
        abc(e);
    })
    .on('touchstart',".sliderImage", function(){
        abc();
    });

Answer 3

您的参考函数将事件作为参数：-

function abc(e){

 e.stopPropagation(); e.preventDefault();

console.log('has no method ...................'+e);
}

Answer 4

为避免混淆

$("#myImageFlow ").on('click touchstart',".sliderImage", function(event){
  alert(event);
});