Js查漏补缺-10

0x00 事件委托

    当需要给多个元素设置监听器时，不给子元素设置监听器，而是给父元素设置监听器，利用冒泡事件来设置子元素的事件，这样可以减少dom的操作次数，提高程序性能。

   

  <div class="father">
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
    </ul>
  </div>
  <script>
    let ul = document.querySelector('ul');
    ul.addEventListener('click',(e) => {
        e.target.style.backgroundColor = 'aqua';
    })
  </script>

0x01 鼠标事件

    onclick 点击鼠标左键触发

    onmouseover 鼠标经过触发

    onmouseout 鼠标离开触发

    onmousemove 鼠标移动触发

    onmouseup 鼠标弹起触发

    onmousedown 鼠标按下触发

    contextmenu 可以用来禁止鼠标右键菜单

document.addEventListener('contextm