Page Middle Click Listener

Question

Мне нужно всплывающее предупреждение, когда я использую средний клик, и он не должен всплывать, если я нажму на ссылку, но на любом другом элементе страницы (или просто на пустом месте).

var test = { 
pageMiddleClickListener : function(e) { 
    if(e.which === 2) {  
     //if (!gContextMenu.onLink) { 
      alert('ok'); 
     //} 
    } 
} 
window.addEventListener("click",test.pageMiddleClickListener,false); 

оповещений шоу окна, когда я использую Ближний Нажмите на ссылку, но мне нужно, чтобы предотвратить такое поведение в связи

мне нужно что-то вроде «! GContextMenu.onLink», но не для контекстного меню (без)

Answer 1

Есть несколько способов, которые вы можете испытать на target клика, являющегося ссылкой. Одним из способов было бы проверить, есть ли Element.tagNameA, другой - проверить свойство href. Как оказалось, также необходимо проверить, не связаны ли какие-либо из целевых parentNode s.

var test = { 
    pageMiddleClickListener : function(e) { 
     if(e.button === 1) {  
      if (!test.isLinkOrAParentIsLink(e.target)) { 
       e.view.alert('ok'); 
      } 
     } 
    }, 

    isLinkOrAParentIsLink : function(el) { 
     if (el.tagName === "A") { 
      return true; 
     } //else 
     let parent= el.parentNode; 
     while (parent !== null && typeof parent.tagName !== "undefined") { 
      if (parent.tagName === "A") { 
       return true; 
      } //else 
      parent= parent.parentNode; 
     } 
     return false; 
    } 
} 
window.addEventListener("click",test.pageMiddleClickListener,false); 

или

isLinkOrAParentIsLink : function(el) { 
     if (el.hasAttribute("href")) { 
      return true; 
     } //else 
     let parent= el.parentNode; 
     while (parent !== null && typeof parent.tagName !== "undefined") { 
      if (parent.hasAttribute("href")) { 
       return true; 
      } //else 
      parent= parent.parentNode; 
     } 
     return false; 
    } 

Примечание: Я изменил e.which к e.button как то, что в спецификации click events и MouseEvent.which нестандартно. Обратите внимание, что это также требовало тестирования для e.button === 1 вместо 2.

Answer 2

Вы можете проверить, нажали ли вы <a> с помощью метода prop.

$(this).prop("tagName") == "A" 

В прослушивателя событий:

var test = { 
    pageMiddleClickListener : function(e) { 
     if(e.which === 2) {  

     // not an <a> ? 
     if ($(this).prop("tagName") !== "A") { 
      alert('ok'); 
     } 
    } 
} 
window.addEventListener("click",test.pageMiddleClickListener,false);