dom事件中的點擊事件

今天給大家的說下dom中一些簡單的事件用法

         鼠標點擊事件
        div.onclick = function () {
            console.log('我是鼠標點擊,只能點擊左鍵')
        }
    鼠標滑過事件
    div.onmouseover = function () {
        console.log('我是鼠標滑過')
    }
      鼠標離開事件
        div.onmouseout = function () {
            console.log('我是鼠標離開')
        }
    鼠標按下事件
    div.onmousedown = function () {
        console.log('我是鼠標按下,包括左右鍵')
    }
         我是鼠標移動事件
        div.onmousemove = function () {
            console.log('我是鼠標移動事件,可以在元素內(nèi)隨便的移動')
        }
    鼠標離開執(zhí)行一次
    div.onmouseleave = function(){
        console.log('我是鼠標離開執(zhí)行一次事件')
    }
        鼠標滑過執(zhí)行一次
        div.onmouseenter = function(){
            console.log('我是鼠標滑過執(zhí)行一次')
        }
 鍵盤抬起事件
       鍵盤抬起,用window寫,也可以在div里面輸入一個input
        div.onkeyup = function () {
            console.log('我是鍵盤抬起事件');
        }
    鍵盤摁下
    div.onkeydown = function () {
        console.log('我是鍵盤摁下事件')
    }
        當(dāng)表單元素的內(nèi)容發(fā)生變化后觸發(fā)
        input.onchange = function () {
            console.log('我是onchange事件');
        }
     當(dāng)頁面發(fā)生滾動時觸發(fā)
    window.onscroll = function () {
        console.log('我是滾動觸發(fā)事件');
    }
         當(dāng)頁面加載完成后調(diào)用(調(diào)用頁面時把js寫在里面)
        window.onload = function(){
            
        }
     當(dāng)元素失去焦點時觸發(fā)(點下input框,在點出來,就完成了)
    input.onblur = function(){
        console.log('我是焦點')
    }

還有好多事件在這里寫了幾個常用的,學(xué)藝不佳、如有錯誤的望大神指點。。。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • js之事件機制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驅(qū)動...
    道無虛閱讀 2,630評論 0 2
  • ??JavaScript 與 HTML 之間的交互是通過事件實現(xiàn)的。 ??事件,就是文檔或瀏覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,684評論 1 11
  • 轉(zhuǎn)眼間,就五月了,這整整的四月我都做了什么,現(xiàn)在不由得想不起來了 1、每周三天的運動量,是完成了,持續(xù)了兩位數(shù),直...
    A梁s閱讀 302評論 0 0
  • 導(dǎo)航 control + g 選中光標所在的詞, 再次點擊可以選中相同的,可同時編輯 (自己修改成了command...
    鐵硬閱讀 838評論 0 0
  • 今天天氣不錯,藍天白云,空氣中飄著清涼的味道。太陽從白云的縫隙中漏出熾熱的射線,照在皮膚上還是很不舒服啊。 湖水清...
    梅開如雪閱讀 785評論 8 19

友情鏈接更多精彩內(nèi)容