1. 程式人生 > >JS 和 JQuery:元素事件列表說明

JS 和 JQuery:元素事件列表說明

js事件: onclick 單擊事件 滑鼠點選某個物件 
  ondbclick雙擊事件
  onfocus 得到焦點事件(焦點進入控制元件的事件)
  onblur  滑鼠失去焦點事件(焦點離開控制元件的事件)
  onkeydown鍵按下事件
  onkeypress 鍵按下 引數不一樣(點選按鍵)//某個鍵盤的鍵被按下或按住 
  onkeyup 鍵按下擡起事件 (按鍵釋放)  
  onmousemove滑鼠懸浮事件(滑鼠移動)//滑鼠被移動 
  onmouseover進來 滑鼠移動到元素範圍)//滑鼠被移到某元素之上 
  onmouseout 出去(滑鼠離開元素範圍)//滑鼠從某元素移開 
  onmousedown滑鼠按下事件 //某個滑鼠按鍵被按下 
  onmouseup 滑鼠按下擡起 (滑鼠按鍵釋放)//某個滑鼠按鍵被鬆開 
  oncontextmenu(在瀏覽器中單擊滑鼠右鍵顯示”右鍵選單”時觸發)
  onchange 事件一般用於使用者表單中,eg:當文字框內容發生改變時觸發,或下拉列表框內容發生改變時觸發等。
  onabort 影象載入被中斷
      onerror 當載入文件或影象時發生某個錯誤   
  onload 某個頁面或影象被完成載入   後面的會覆蓋前面的
  onreset 重置按鈕被點選 
  onresize 視窗或框架被調整尺寸 
  onselect 文字被選定 
      onsubmit 提交按鈕被點選
      onunload 使用者退出頁面後觸發(重新整理頁面,關閉頁面時候觸發) 
  onbeforeunload  在頁面準備關閉(或者離開前觸發)
  
JQuery:元素事件列表說明 


      注:不帶引數的函式,其引數為可選的 fn。jQuery不支援form元素的reset事件。
      事件 描述 支援元素或物件
      blur( ) 元素失去焦點 a, input, textarea, button, select, label, map, area
      change( ) 使用者改變域的內容 input, textarea, select
      click( ) 滑鼠點選某個物件 幾乎所有元素
      dblclick( ) 滑鼠雙擊某個物件 幾乎所有元素
      error( ) 當載入文件或影象時發生某個錯誤 window, img
      focus( ) 元素獲得焦點 a, input, textarea, button, select, label, map, area
      keydown( ) 某個鍵盤的鍵被按下 幾乎所有元素
      keypress( ) 某個鍵盤的鍵被按下或按住 幾乎所有元素
      keyup( ) 某個鍵盤的鍵被鬆開 幾乎所有元素
      load(fn) 某個頁面或影象被完成載入 window, img
      mousedown(fn) 某個滑鼠按鍵被按下 幾乎所有元素
      mousemove(fn) 滑鼠被移動 幾乎所有元素
      mouseout(fn) 滑鼠從某元素移開 幾乎所有元素
      mouseover(fn) 滑鼠被移到某元素之上 幾乎所有元素
      mouseup(fn)某個滑鼠按鍵被鬆開 幾乎所有元素
      resize(fn) 視窗或框架被調整尺寸 window, iframe, frame
      scroll(fn) 滾動文件的可視部分時 window
      select( ) 文字被選定 document, input, textarea
      submit( ) 提交按鈕被點選 form
      unload(fn) 使用者退出頁面 window

相關推薦

JS JQuery元素事件列表說明

js事件: onclick 單擊事件 滑鼠點選某個物件   ondbclick雙擊事件  onfocus 得到焦點事件(焦點進入控制元件的事件)  onblur  滑鼠失去焦點事件(焦點離開控制元件的事件)  onkeydown鍵按下事件  onkeypress 鍵按下 引數

同時使用vue.jsjquery時,jq事件無響應解決辦法

先載入vue.js,讓頁面渲染完成後載入jq,給jq繫結ready事件 $(document).ready(function(){ $(function() { //jq事件 }); }); 更新 ……ready載入太玄學了,測試3/10的

jsjquery監聽滾動條事件

網上查了一下,找到兩種js監聽滾輪事件的方法 (1)window.onscroll = function() {}  (2)document.addEventListener("onscroll",

jsjquery獲取父級元素、子級元素、兄弟元素的方法

最近工作中總遇到取各種父啊子啊兄弟姐妹啊,每次都得查,這次整理個全乎的~  【js的獲取方式】  function dom(){       var a = document.getElementByIdx_x_x("dom");       var b =

jsjquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

JSjQuery獲取任意事件的子元素下標(獲取當前類陣列的某一子元素下標)

JavaScript方法 var child = document.getElementsByClassName("child"); for(var i=0;i<child.length;i++) { var a = child[i];

原生jsjquery框架下繫結事件的方法

一、原生js的事件的繫結 1、通過JavaScript物件屬性進行繫結 document.getElementById("test1").onclick=function(){alert("你好!")}; document.getElementsByTagName ("te

JQuery物件與DOM物件相互轉換以及JSJQyery獲取元素當前值的方法

<!DOCTYPE html> <html> <head> <title>JQuery Object and DOM Object</title> <script type="text/javascrip

jsjquery實現回到頂層

left ret poi add 寬度 fadein soft 距離 jquery實現 js <!DOCTYPE html> <html> <head> <title>返回頂部</title> <styl

ECSHOP中transport.jsjquery的沖突的簡單解決辦法

order adding fun ring func 資源 代碼 spa pac ECSHOP中transport.js和jquery的沖突的簡單解決辦法 一流資源網近日在ECSHOP網站加入了幾個JS特效代碼,在谷歌、火狐下正常,在各版本IE下都不常,左思不得其解。

跨域問題相關知識詳解(原生jsjquery兩種方法實現jsonp跨域)

syn con 加載 developer 兩種方法 ray exe 編寫 分組 1、同源策略 同源策略(Same origin policy),它是由Netscape提出的一個著名的安全策略。同源策略是一種約定,它是瀏覽器最核心也最基本的安全功能,如果缺少了同源策略,則瀏覽

將原生JSjquery裏面的DOM操作進行了一下整理

ont child ace attr move 節點 沒有 設置 復制 創建元素節點 1.原生: document.createElement("div") 2.jquery: $("<div></div>") 創建文本節點並加入元素節點中

jsjquery如何獲取圖片真實的寬度高度_javascript技巧

寬高 clas 獲取 deb 問題 網頁 log css www. 在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然後判斷過後給予不同的展示方式! 另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機屏幕太小,

jsjquery中的各種寬高

自己 大堆 com pre fff 技術分享 bsp ges 窗口 js裏面的寬度太多了,一大堆的,的確需要好好的整理總結一下,不然自己就是一個亂的。 先看看window下面的寬高 1-- window.outerWidth window.outerHeight

JsjQuery的文檔就緒函數以及執行次數

png -s load 函數 一個 font tex 函數定義 ron Js和jQuery的文檔就緒函數以及執行次數 1:JS文檔就緒函數: 采用onload方法: 2:jQuery文檔就緒函數: 方法一:采用ready方法 方法二: 通過上面的

jsjQuery

返回值 arr 獲得 js代碼 ria ttr class demo after 1.NAN:not a number,Number.NaN 是一個特殊值,說明某些算術運算(如求負數的平方根)的結果不是數字。方法 parseInt() 和 parseFloat() 在不能解

25.用jsjquery實現下拉列表的左右選擇

select2 hit color nts -type utf ctype block 標簽 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

原生JSjQuery分別使用jsonp來獲取“當前天氣信息”

原生js gid sync .com fail exit day var har 需掌握的技能點:   jsonp、跨域相關等。   以下兩種代碼,均可直接運行。 1、使用原生JS: <!DOCTYPE html> <html lang

jQuery (js jQuery 的區別)

追加值 區別 dom move set 添加 attribute 完成 bbb js 和 jQuery 的區別 主要體現在Dom操作 (jq代表我找到的元素對象)找元素: js:document.get... jquery: $(選擇器)設定:jq 是jque

JsJquery獲取選中select值文字

原文連結:http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html JS: <body> <select name="PaymentType" style="width:110px" &g