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

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>