ITPub博客

首页 > 应用开发 > Java > 一对一直播系统开发实现效果,点击容器内的图标,图标边框变成border 1px solid red

一对一直播系统开发实现效果,点击容器内的图标,图标边框变成border 1px solid red

原创 Java 作者:zhibo系统开发 时间:2020-08-06 14:18:55 0 删除 编辑
const box = document.getElementById('box');
function isIcon(target) {
  return target.className.includes('icon');
}
box.onClick = function(e) {
  e.stopPropagation();
  const target = e.target;
  if (isIcon(target)) {
    target.style.border = '1px solid red';
  }
}
const doc = document;
doc.onclick = function(e) {
  const children = box.children;
  for(let i; i < children.length; i++) {
    if (isIcon(children[i])) {
      children[i].style.border = 'none';
    }
  }
}


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69978258/viewspace-2709713/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-07-02

  • 博文量
    250
  • 访问量
    105240