直接上测试代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>不同dom的blur事件和click事件发生冲突</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
<body>
<button id="A">A元素</button>
<button id="B">B元素</button>
<span>无</span>
<script type="text/javascript" src="./index.js"></script>
</body>
</html>
// // clear_btn_elem.style.display = 'none';
// // 注意这里设的定时器
// // 当没A元素上绑定blur事件在B元素上绑定click事件时,现在focus在A元素上,点击B元素,会先触发A元素的blur事件再触发B元素的click事件
// // 如果A元素的blur事件中会将B元素的style.display置为&