如何在JavaScript中使用鼠標(biāo)事件

這篇文章主要介紹了如何在JavaScript中使用鼠標(biāo)事件，億速云小編覺得不錯，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨億速云小編來看看吧！

Java可以用來干什么

Java主要應(yīng)用于：1. web開發(fā)；2. Android開發(fā)；3. 客戶端開發(fā)；4. 網(wǎng)頁開發(fā)；5. 企業(yè)級應(yīng)用開發(fā)；6. Java大數(shù)據(jù)開發(fā)；7.游戲開發(fā)等。

1.通過html添加事件　

<input type="button" click="alert(1)"/>

2.通過DOM0級方式添加事件

<input type="button" value="點(diǎn)擊"/>
<script>
  var btn=document.getElementsByTagName('input')[0];
  btn.onclick=function(){
     alert(1);
}
</script>

3.通過DOM2級方式添加事件

事件監(jiān)聽主要接受三個參數(shù)，事件類型，事件需要執(zhí)行的函數(shù)，是否冒泡，默認(rèn)情況下是允許冒泡的

document.addEventListener('click',function( ){ },true)

以上是關(guān)于事件添加的三種方式，通過DOM0級方式添加事件有一個缺點(diǎn)就是當(dāng)添加同一個事件是，后寫的會把先寫的給覆蓋掉，但是通過DOM2級方式添加的相同事件是不會覆蓋前面的事件的。同時，需要注意的是通過DOM2級添加的事件類型前面是沒有‘on'的，接著就是如果要移除事件的話，DOM0級直接讓事件為null就能清除事件，但是如果是DOM2級添加的函數(shù)是匿名函數(shù)，通過removeEventListener（）方法是沒辦法移除的，因?yàn)閮烧咧赶虻牟皇峭粋€函數(shù)，如果要移除，請記得使用有名函數(shù)。關(guān)于最后一個參數(shù)true是代表冒泡，false是代表捕獲。

/*
* 當(dāng)觸發(fā)onclick事件時，console.log(ev.which),鼠標(biāo)左鍵的which值為1
* 當(dāng)觸發(fā)oncontextmenue時，鼠標(biāo)的右鍵值為3，不會觸發(fā)onclick事件
* 當(dāng)mousewheel時，鼠標(biāo)的中鍵鍵值為0
* 當(dāng)document.down時，可以根據(jù)按鍵的不同，從左到右鼠標(biāo)鍵值依次為1,2,3
* 在chrome底下，查看ev.wheelDelta,向上是120，向下是-120
* 在FirFox底下，通過addEventListenner()來給鼠標(biāo)添加滾輪事件，事件類型是DOMMouseScroll，查看是使用ev.detail
* 向上是3，向下是-3
*

以上就是億速云小編為大家收集整理的如何在JavaScript中使用鼠標(biāo)事件，如何覺得億速云網(wǎng)站的內(nèi)容還不錯，歡迎將億速云網(wǎng)站推薦給身邊好友。