需求:
1.点击按钮出现下拉框
2.点击页面除下拉框意外的空白地方,下拉框消失

需要:
1.注意不能重复绑定点击事件
2.getEventListeners(node),只能在谷歌控制台用//查看使用addEventListener绑定的监听器

功能
1.操作原生dom,用自定义指令

小例--vue下拉框

2.未雨绸缪,应做好回收处理,以防元素被移除而导致多次绑定监听事件

小例--vue下拉框

不回收会反复绑定,如下图

小例--vue下拉框

3.点击select选项时,下拉框不消失,通过判断被点击的实践源在不在el的范围内
.contains()//es5,返回布尔值,来表示传入的节点是否为该节点的后代节点小例--vue下拉框

相关文章:

  • 2022-02-07
  • 2022-12-23
  • 2021-12-18
  • 2021-06-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-16
  • 2021-09-13
  • 2022-12-23
  • 2022-12-23
  • 2022-01-07
  • 2021-09-14
  • 2021-12-10
相关资源
相似解决方案