function draw() {
//定义函数
}
myButton.onclick = function() {
alert('hello');
//匿名函数通常来运行负载的代码以响应事件触发
}
draw();//调用函数
每个可用的事件都会有一个事件处理器,也就是事件触发时会运行的代码块。当我们定义了一个用来回应事件被激发的代码块的时候,我们说我们注册了一个事件处理器。注意事件处理器有时候被叫做事件监听器。
监听器留意事件是否发生,然后处理器就是对事件发生做出的回应。
有时候在事件处理函数内部,您可能会看到一个固定指定名称的参数,例如event,evt或简单的e。 这被称为事件对象
function bgChange(e) {
const rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
e.target.style.backgroundColor = rndCol;
//e.target指btn
console.log(e);
}
btn.addEventListener('click', bgChange);