JavaScript使我们有能力创建动态页面,而事件基础是可以被JavaScript侦测到的行为。
简单理解:触发—响应机制。
网页中的每个元素都可以产生某些可以触发JavaScript的事件,例如,我们可以在用户点击某个按钮时产生一个事件,然后去执行某些操作。
例子:
<body> <button id="btn">唐伯虎</button> <script> //点击一个按钮,弹出对话框 //1.事件是有三部分组成 事件源 事件类型 事件处理程序 我们称为事件三要素 //(1)事件源 事件被触发的对象 谁 按钮 var btn = document.getElementById('btn'); //(2)事件类型 如何触发 什么事件 比如一个鼠标点击(onclick) 还是鼠标经过 还是键盘按下 //(3) 事件处理程序 通过一个函数赋值方式 完成 btn.onclick = function () { alert('点秋香'); } </script> </body>例子:
<body> <div>奶盖</div> <script> //执行事件步骤 //点击 div 控制台输出 我被选中了 //1.获取事件源 var div = document.querySelector('div'); //2.绑定事件 注册事件 //div.onclick //3.添加事件处理程序 div.onclick = function () { console.log('我被选中了'); } </script> </body>