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('我是焦点')
    }

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,420评论 0 2
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,548评论 1 11
  • 转眼间,就五月了,这整整的四月我都做了什么,现在不由得想不起来了 1、每周三天的运动量,是完成了,持续了两位数,直...
    A梁s阅读 266评论 0 0
  • 导航 control + g 选中光标所在的词, 再次点击可以选中相同的,可同时编辑 (自己修改成了command...
    铁硬阅读 762评论 0 0
  • 今天天气不错,蓝天白云,空气中飘着清凉的味道。太阳从白云的缝隙中漏出炽热的射线,照在皮肤上还是很不舒服啊。 湖水清...
    梅开如雪阅读 596评论 5 19