JavaScript-事件

事件（event）

事件是一些可以通过脚本响应的页面动作。由浏览器（而不是JavaScript）提供接口和底层支持。

是一种浏览器通知，告诉当前窗口在文档中要进行哪种交互。文档中的很多交互需要有前置条件，只有满足这些前置条件时，才会去触发执行某个动作。而正是事件实现了这种交互。

• 源（trigger/target）：由谁（不是“用户”而是指DOM元素）触发了事件
• 类型（type）：click/keydown/load
• 处理程序（handler/listener）：又叫回调函数
• 注册（register）/ 绑定（bind）

 

常用事件

click/mouse（over/out）:

focus/blur：移入/移出焦点

keydown / keypress / keyup：输入框检查

change：checkbox / radio / select

submit：常用于阻止表单提交

load/unload：HTML页面加载

scroll：滚动条（配合window大小加载更多内容……）

resize：浏览器窗口大小变化（含最大/最小化）

 

绑定方法

行内（标签中）调用：

• 代码块

  <h1 onclick="alert(`你好！`)">HTML DOM示范</h1>

   

• 函数

      <h1 onclick="greet('小明')">HTML DOM示范</h1>
      function greet(name) {
          alert('hello,' + name);
      }

• onEventType=function

  <h1>HTML DOM示范</h1>
  
  document.getElementsByTagName('h1')[0].onclick = greet('你好'); 

   

• addEventListener(type, listener[, options])

          document.getElementsByTagName('h1')[0].addEventListener('click', function(name) {
              alert('hello,' + name);
          });

   

文章转载自：软件开发平台
地址：https://www.hocode.com/