Live Code Editor

<html>
    <head>
    </head>
    <body>
      <div>
        <p>onmouseover here</p>
      </div>
      <input type="button" value="Stop" id="stop" />
      
       <script language="javascript">
             // Lấy đối tượng HTML
             var element = document.querySelector('div p');
         
             // Lấy đối tượng Button
             var ButtonName = document.getElementById('stop');

function over(){
                element.innerHTML = "Have a nice day !";
             }

function out(){
                element.innerHTML = "onmouseover here";
             }
         
             // Thêm sự kiện khi di chuột vào thì thay đổi chữ
             element.addEventListener("mouseover", over);
          
             // Thêm sự kiện khi di chuột ra thì thay đổi chữ cũ
             element.addEventListener("mouseout", out);
         
             // Thêm sự kiện khi click vào button thì dừng onmouseover và onmouseout
             ButtonName.addEventListener("click", function(){
                  // xóa hành động onmouseover
                  element.removeEventListener("mouseover", over);
                  // xóa hành động onmouseout
            	  element.removeEventListener("mouseout", out);
                  // đưa ra thông báo
                  alert("Bạn đã dừng sự kiện onmouseover và onmouseout !");
               
             });
        
          
        </script>
    </body>
</html>