• JavaScript事件(随笔)


    1. Javascript事件介绍

    JavaScript中的事件和现实生活中的事件类似现实生活中发生的一些事情,例如:交通事件,当这些事情发生时,我们需要提供处理方案:

    JavaScript中事件指的是用户 和网页发生交互时的一些行为,例如:鼠标点击、按下键盘按键、鼠标移动,这些行为就称之为事件,事件发生时,我们的程序也应该提供对应的处理方法

     

    2. Javascript事件分类

     

    鼠标事件,通过鼠标和网页进行交互

     

    click()   鼠标单击

     

    dblclick() 鼠标双击

     

    mouseover() 鼠标移入事件

     

    mouseout()   鼠标移出事件

     

    mousemove() 鼠标移动事件

     

    mousedown() 鼠标按下事件

     

    mouseup()   鼠标按键被松开事件

     

    scroll            滚动事件(body

     

     

     

    键盘事件通过键盘上的按键和网页进行交互

     

    keydown    按键被按下

     

    keyup         按键抬起

     

     

     

    表单事件提交表单时

     

    submit 表单提交事件

     

    select    文本框的文本被选中

     

    focus 获得焦点事件

     

    blur 失去焦点事件

     

    change 内容改变事件

     

     

    页面加载完毕事件

     

    load

    3. Javascript事件监听

    我们需要先监视网页上用户的这些行为,这样,当行为发生的时候,我们才能提供相应的处理方法,如果不监视,就无法获得用户的这些行为

    HTML事件监听程序

    将监视器(摄像头),绑定到html的标签部分,作为html标签的属性

    举例演示

    DOM0级事件监听程序

    将事件监听器(摄像头),绑定到DOM节点对象上,也就是作为DOM对象的属性存在

     

    DOM2级事件监听程序

    通过DOM对象.addEventListener(),针对主流浏览器(ie9+  ChromeFirefox登录),非主流浏览器(IE678)使用attachEvent方法进行绑定

    通常在使用DOM3级事件绑定程序的时候,先判断一下是否是主流浏览器

     

    将封装DOM2级的方法封装起来

    思想:将重复性的代码提取出来,将将来可能会变的地方通过传递参数实现

    将来我们在使用的时候

     

     

     

  • 相关阅读:
    仿360拖拽
    js 鼠标拖拽元素移动
    js 随机生成颜色
    vue多视图
    vue 全局组件的注册
    一键分享到QQ空间、QQ好友、新浪微博、微信代码
    vuex如何管理需要即时更新的全局变量
    js检测是哪个浏览器
    for in,Object.keys()与for of的用法与区别
    js三元运算符
  • 原文地址:https://www.cnblogs.com/lsqbk/p/10337064.html
Copyright © 2020-2023  润新知