js滑鼠事件簡介

2021-10-03 22:31:42 字數 883 閱讀 9682

2、js的事件 都是以on開頭的,onclick onchange onload onmouseover onmouseout

3、鍵盤事件 滑鼠事件 表單事件

事件分為兩類:

1、html事件 – 直接在html元素上寫

2、dom 0級事件 – (獲取html元素).事件 = 執行指令碼 – 在dom物件上繫結事件

onfocus事件一般用於input標籤的type位text password text area標籤

onblur事件

需求:希望瀏覽器有如下效果:

1、如果輸入了11位數字,對勾顯示

2、如果輸錯了,不是數字等,顯示x

onresize:當調整瀏覽器視窗的大小時觸發

onscroll:拖動滾動條時候觸發!

onkeydown:使用者按下乙個鍵盤按鍵時候發生;

onkeypress:在按下鍵盤按鍵時發生(只會響應字母和數字符號)

onkeyup在鍵盤按鍵鬆開時候發生

keycode屬性:返回onkeydown onkeypress onkeyup事件觸發的按鍵的值的字元**或者按鍵識別符號

dom1、document object model > dom

2、什麼時dom 將文件(頁面)表現為結構化的表示方法,,使得每乙個頁面元素都是可控的,dom將網頁和指令碼以及其他的程式語言聯絡起來;

(1)getelementbyid 返回帶有指定的id元素

(2)getelementsbytagname 返回的是包含帶有指定標籤名的所有元素的節點列表

(3)getelementsbyclassname 返回的是包含帶有指定類名的所有元素的節點列表

(4)getelementsbyname 獲取相同名稱(name)的元素的所有節點列表

JS 滑鼠事件

定位滑鼠位置 1 在瀏覽器可視視窗的位置 eventutil.addhandler div,click function event 2 在整個頁面的視窗的位置 當頁面沒有滾動條時跟1的值一致 注意 在ie8及更早版本不支援pagex和pagey,可以通過document.body 混雜模式 或者d...

JQuery 滑鼠事件簡介

mouseover事件於使用者把滑鼠從乙個元素移動到另外乙個元素上時觸發,mouseout事件於使用者把滑鼠移出乙個元素時觸發。下面為你詳細介紹下jquery中的滑鼠事件 1 click事件 click事件於使用者在元素敲擊滑鼠左鍵,並在相同元素上鬆開左鍵時觸發 p click function 2...

js滑鼠滾動事件

其中經我測試,ie opera屬於同一型別,使用attachevent即可新增滾輪事件。ie註冊事件 if document.attachevent firefox使用addeventlistener新增滾輪事件 firefox註冊事件 if document.addeventlistener sa...