使用Javascript將mousemove偵聽器添加到視頻元素的控件中

Question

基本上我有一個基本的視頻元素

<video width="320" height="240" controls>
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

是否有非jQuery的方法將偵聽器添加到視頻元素的控件中？ 如您所知，控件在不同的瀏覽器中將如下所示：

我需要的是一個一旦用戶將鼠標懸停在其上即可運行的函數。

編輯：我還需要一個功能，一旦用戶移出控件，該功能便會運行

Answer 1

要將鼠標懸停事件添加到對象，可以使用以下代碼：

yourobject.addEventListener("mouseover", function() {
    //whatever you want to do
}); 

要將鼠標移出事件添加到對象，可以使用以下代碼：

yourobject.addEventListener("mouseout", function() {
    //whatever you want to do
}); 

---

參考文獻：

• 鼠標懸停事件
• 滑鼠事件