js中滑鼠事件總結

来源:http://www.cnblogs.com/AngliaXu/archive/2017/07/10/7148239.html
-Advertisement-
Play Games

js中滑鼠事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的這些事件都包含有一個事件對象event,當然在IE低版本下,event對象是掛在window底下的。這個我們另行討論。 1.通過html添加事件 2.通過DOM0級 ...


js中滑鼠事件主要有onclick,onmousedown,onmouseup,oncontextmenu,ondblclick,所有的這些事件都包含有一個事件對象event,當然在IE低版本下,event對象是掛在window底下的。這個我們另行討論。

  1.通過html添加事件 

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

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

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

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

    事件監聽主要接受三個參數,事件類型,事件需要執行的函數,是否冒泡,預設情況下是允許冒泡的

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

 以上是關於事件添加的三種方式,通過DOM0級方式添加事件有一個缺點就是當添加同一個事件是,後寫的會把先寫的給覆蓋掉,但是通過DOM2級方式添加的相同事件是不會覆蓋前面的事件的。同時,需要註意的是通過DOM2級添加的事件類型前面是沒有‘on’的,接著就是如果要移除事件的話,DOM0級直接讓事件為null就能清除事件,但是如果是DOM2級添加的函數是匿名函數,通過removeEventListener()方法是沒辦法移除的,因為兩者指向的不是同一個函數,如果要移除,請記得使用有名函數。關於最後一個參數true是代表冒泡,false是代表捕獲。

 

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

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.定義 模塊:本質就是.py結尾的文件(邏輯上組織python代碼)模塊的本質就是實現一個功能 文件名就是模塊名稱 包: 一個有__init__.py的文件夾;用來存放模塊文件2.導入模塊 import 模塊名 form 模塊名 import * from 模塊名 import 模塊名 as 新名... ...
  • 接著前兩篇學習筆記,這篇主要介紹佈局管理器和對話框兩部分內容。 一、佈局管理器 先拿一個小例子來引出話題,就按照我們隨意的添加兩個按鈕來說,會產生什麼樣的效果,看執行結果。 執行結果: 從運行程式中,只看到了第二個按鈕B。 原因是每個組件,在容器中都有一個具體的位置和大小,想在容器中排列組件時很難確 ...
  • 一 概述 1.Comparable與Comparator使用背景 數值型數據(byte int short long float double)天生可對比大小,可排序,String實現了Comparable介面也可以對比大小與排序,而自定義類多種多樣,沒有一個共有的可以用作排序的指標,因此需要在自定 ...
  • 線程概述 首先先理解下什麼是進程和線程? 進程: 進程是指一個正在運行中的程式。 每個進程執行都有一個或多個執行順序,這個順序就是一個控制單元(或者叫一個執行路徑),控製程序的運行。 舉例: 大家使用過的迅雷下載,當你啟動迅雷開始下載後,你可以選擇下載單個或者同時下載多個文件。每一個下載任務就是一個 ...
  • 題目描述 The N cows (2 <= N <= 1,000) conveniently numbered 1..N are grazing among the N pastures also conveniently numbered 1..N. Most conveniently of al ...
  • 一、繼承並實現自己的屬性文件配置器類 二、Spring中配置以自定義的屬性文件配置器類來載入加密後的配置文件 三、將配置文件中的特殊屬性用相同的演算法和密鑰加密 ...
  • 配置1:-Xms64m -Xmx512m 配置2:-c default -b 0.0.0.0-Xmx1024M -Xms512M -XX:MaxPermSize=256m ...
  • vue vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統,具有簡單、靈活的 API。從技術上講, Vue.js 集中在 MVVM 模式上的視圖模型層,並通過雙向數據綁定連接視圖和模型。實際的 DOM 操作和輸出格式被抽象出來成指令和過濾器。相比其 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...