javascript - 切换 div 除了 anchor 击

Question

我想在单击父 div 上的任意位置时切换我的 div，除非单击 anchor 元素。因此，例如，如果我单击示例中的第一个文本，我希望它切换，但在我的示例中的第二个文本上，我不希望它切换。

JSFiddle

我已经尝试使用 !key.relatedTarget.tagName == 'a' 但我总是得到 undefined

Answer 1

参见上面的答案。

JQuery 的实现方式；

$(document).ready(function(){
  $('.panel').on('click', function(e){
      if(e.target.id != 'test_description'){
        $('.description').toggle();
      }
  });
})

jsfiddle

或专门针对 A 元素；

$(document).ready(function(){
  $('.panel').on('click', function(e){
        var target = $( e.target );
        if ( !target.is("a") ) {
            $(this).find('.description').toggle();
        }
  });
})

jsfiddle

仅适用于 javascript:

        if ( target.get(0).tagName.toLowerCase() != 'a' ) {