记录 vue自定义指令 实现展示搜索记录，点击其他区域隐藏

Posted 2021-12-20 xiaxuening

// const clickoutside = 
//   bind(el, binding,) 
//     function documentHandler(e) 
//   // 这里判断点击的元素是否是本身，是本身，则返回
//       if (el.contains(e.target)) 
//         return false;
//   
//   // 判断指令中是否绑定了函数
//       if (binding.expression) 
//   // 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法
//         binding.value(e);
//       
//  
//  // 给当前元素绑定个私有变量，方便在unbind中可以解除事件监听
//     el.__vueClickOutside__ = documentHandler;
//     document.addEventListener(‘click‘, documentHandler);
//   ,
//   unbind() 
//  // 解除事件监听
//     document.removeEventListener(‘click‘, el.__vueClickOutside__);
//     delete el.__vueClickOutside__;
//   ,
// ;

contains(),只能去判断DOM，不能像Java 那样使用！