jQuery为preventDefault选择元素

Question

$('input[name=boxes], .item_add a ').on('click', function(e) {
  e.preventDefault();
 //do stuff inherent to both 
}

当我单击链接[.item add a] ，是否有办法防止滚动的默认动作，但仍保持选中和取消选中复选框input[name=boxes]的默认动作input[name=boxes]而不会将这两者分解为单独的onclick函数？

Answer 1

$('input[name=boxes], .item_add a ').on('click', function(e) {
   this.tagName == 'A' && e.preventDefault();
   //do stuff inherent to both 
}

Answer 2

$('input[name=boxes], .item_add a ').on('click', function(e) {
     if($(e.target).is('a')) e.preventDefault(); //if it is a link then prevent

     //do stuff inherent to both 
})

Answer 3

检查目标元素

if($(this).is('.item_add a')) e.preventDefault();

Answer 4

$('input[name=boxes], .item_add a ').on('click', function(e) {
  if (this.tagName == "A"){
    e.preventDefault();
  }

//do stuff inherent to both 
}

Answer 5

您可以将其保留在一个函数中，但是可以在函数内部进行检查吗？

if(!$(this).is(':checkbox')) {
   e.preventDefault();
   return false;
}

Answer 6

尝试这个：

$('input[name=boxes], .item_add a ').on('click', function(e) {
    if (!$(this).is(':checkbox') {
        e.preventDefault();
    }

    //do stuff inherent to both 
}