Web-API-day2 间歇函数setInterval与事件监听addEvenListener
1.间歇函数
setInterval(函数,间隔时间)时间单位为毫秒
function fn() { console.log(\'hello\')}let n = setInterval(fn, 1000)console.log(n)
关闭间歇函数clearInterval(变量名)
2.事件监听
元素对象.addEvenListener(\'事件类型\',执行函数)
事件类型:
鼠标事件:click(点击)、mouseenter(鼠标经过)、mouseleave(鼠标离开)
焦点事件:focus(获得焦点)、blur(失去焦点)
键盘触发:keydown(键盘按下触发)、keyup(键盘抬起触发)
表单输入事件:input(用户输入事件)
// 需求: 点击了按钮,弹出一个对话框 // 1. 事件源 按钮 // 2.事件类型 点击鼠标 click 字符串 // 3. 事件处理程序 弹出对话框 const btn = document.querySelector(\'button\') btn.addEventListener(\'click\', function () { alert(\'nihao\') })
const input = document.querySelector(\'input\') input.addEventListener(\'focus\', function () { console.log(\'有焦点触发\') }) input.addEventListener(\'blur\', function () { console.log(\'失去焦点触发\') })