أحداث mouse في لغة جافا سكريبتJavaScript Mouse Events

<button class="btn" id="btn" ondblclick="document.getElementById('paragraph').style.visibility= 'hidden'">hidde text</button>

let btn = document.getElementById("btn");
let paragraph = document.getElementById("paragraph");
btn.ondblclick = function(){
  paragraph.style.visibility= 'hidden';
}

let btn = document.getElementById("btn");
let paragraph = document.getElementById("paragraph");
btn.addEventListener('dblclick',()=>{
  paragraph.style.visibility= 'hidden';
});

document.oncontextmenu = function(){
  menu.style.display = "inline-block";
}

let menu = document.getElementById('menu');
document.addEventListener("contextmenu", function(e) {
  e.preventDefault();
  menu.style.display = "inline-block";
});

<button class="btn" id="btn" onmouseenter="document.getElementById('paragraph').style.visibility= 'hidden'">Enter mouse pointer</button>

btn.onmouseenter = function(){
  paragraph.style.visibility = "hidden";
}

btn.addEventListener("mouseenter", function() {
  paragraph.style.visibility = "hidden";
});

<button class="btn" id="btn" onmouseleave="document.getElementById('paragraph').style.visibility= 'hidden'">Enter mouse pointer</button>

btn.onmouseleave = function(){
  paragraph.style.visibility = "hidden";
}

btn.addEventListener("mouseleave", function() {
  paragraph.style.visibility = "hidden";
});