事件
事件能为网页添加真实的交互能力。它可以捕捉浏览器操作并运行一些代码做为响应。最简单的事件是点击事件,鼠标的点击操作会触发该事件。可尝试将下面的代码输入到控制台,然后点击页面的任意位置:
JSCopy to Clipboard
document.querySelector("html").addEventListener("click", function () {
alert("别戳我,我怕疼。");
});
将事件与元素绑定有许多方法。在这里选用了 <html> 元素,然后调用了它的 addEventListener() 方法,将事件名称('click'
)以及其回调函数(当事件发生时,调用该函数)传入该函数中作为调用参数。
刚刚我们传递给 addEventListener()
的函数被称为匿名函数,因为它没有名字。匿名函数还有另一种我们称之为箭头函数的写法,箭头函数使用 () =>
代替 function ()
:
JSCopy to Clipboard
document.querySelector('html').addEventListener('click', () => {
alert('别戳我,我怕疼。');
});