当前位置：首页 > news >正文

Web-API-day2 间歇函数setInterval与事件监听addEvenListener

news 2025/7/7 18:51:31

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（用户输入事件）

<body><button>点击</button><script>// 需求： 点击了按钮，弹出一个对话框// 1. 事件源   按钮  // 2.事件类型 点击鼠标   click 字符串// 3. 事件处理程序 弹出对话框const btn = document.querySelector('button')btn.addEventListener('click', function () {alert('nihao')})</script>
</body>

<body><input type="text"><script>const input = document.querySelector('input')input.addEventListener('focus', function () {console.log('有焦点触发')})input.addEventListener('blur', function () {console.log('失去焦点触发')})</script>

查看全文

http://www.dtcms.com/a/268466.html