事件绑定类型

155 阅读1分钟

事件绑定类型

鼠标事件

  • 鼠标触发
  • click鼠标点击
  • mouseenter鼠标经过
  • mouseleave鼠标离开

焦点事件

  • 表单获得光标

  • focus获得焦点

    • 获得光标
  • blur失去焦点

    • 失去光标

键盘事件

  • keydown键盘按下触发

    • 对于键盘按键事件,先得让输入框聚焦
  • keyup键盘抬起触发

    • 现实业务需求按下回车建实现登录 里面有一个参数e或者key均可以实现 回车是13 e.which==13

文本事件

  • 表单输入触发

  • input用户输入事件

    • 只要内容改变就会触发
  • change

    • 内容改变的同时,失去焦点就会触发
  • input type='file' 当用户选择好文件 单击对话框中的"打开"的时候 触发change事件

    • 上传文件都是用change

其他的事件绑定

元素.on类型=处理函数

btn.onclick=function(){}

如果为元素重复绑定同一个事件

那么后面绑定的事件覆盖 不允许为元素绑定同名事件

  • 不能设置在什么阶段触发事件 事件捕获 事件冒泡