oncontextmenu, click по элементу и вне его

window.onload = function() { 
 
  document.addEventListener('contextmenu', preventDefault); 
 
  let paragraph = document.getElementById("test"); 
  paragraph.addEventListener("click", showMessage); 
  document.addEventListener("click", strangeThing); 
}; 
// срабатываем только при правом клике, при левом срабатывает strangeThing() 
function showMessage(e) { 
  e.stopPropagation(); 
  console.log("клик на параграфе"); 
} 
// срабатывает и при левом и при правом клике 
function strangeThing(e) { 
  e.preventDefault(); 
  // срабатывает при клике и левой и правой кнопкой вне параграфа 
  // при клике на параграф правой или левой кнопкой тоже срабатывает. ШТА? 
  console.log(e.button, ' клик вне параграфа'); 
} 
 
 
function preventDefault(e) { 
  e.preventDefault(); 
  console.log("мешаю показать стандартное контекстное меню"); 
}

<div contextmenu="mymenu"> Some text 
 
</div>