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('我是鼠标移动事件,可以在元素内随便的移动')
        }
    鼠标离开执行一次
    div.onmouseleave = function(){
        console.log('我是鼠标离开执行一次事件')
    }
        鼠标滑过执行一次
        div.onmouseenter = function(){
            console.log('我是鼠标滑过执行一次')
        }
 键盘抬起事件
       键盘抬起,用window写,也可以在div里面输入一个input
        div.onkeyup = function () {
            console.log('我是键盘抬起事件');
        }
    键盘摁下
    div.onkeydown = function () {
        console.log('我是键盘摁下事件')
    }
        当表单元素的内容发生变化后触发
        input.onchange = function () {
            console.log('我是onchange事件');
        }
     当页面发生滚动时触发
    window.onscroll = function () {
        console.log('我是滚动触发事件');
    }
         当页面加载完成后调用(调用页面时把js写在里面)
        window.onload = function(){
            
        }
     当元素失去焦点时触发(点下input框,在点出来,就完成了)
    input.onblur = function(){
        console.log('我是焦点')
    }

还有好多事件在这里写了几个常用的,学艺不佳、如有错误的望大神指点。。。

你可能感兴趣的:(dom事件中的点击事件)