# 11. mousemove，當滑鼠移動到此區域則觸發事件

- mousemove，有點類似 CSS 的 hover，來看看它的寫法吧：

1. 設計一個小區域，屆時撰寫出只要游標碰觸到此一區塊就觸發 'mousemove' event。

// HTML:

    <h1>mousemove 當滑鼠移動到此區域時：</h1>
    <div class="target">
        <p style="color:'blue'">請勿觸碰</p>
    </div>


---

2. 指定 .target 方塊，當游標觸碰到時，則回饋訊息：你陣亡了！

var area = document.querySelector('.target');
area.addEventListener('mousemove', function (e) {
    alert('你陣亡了！');
}, false)


###### tags: `JavaScript - event 事件`