document.attachEvent('onmouseover',x1)如何把document改成指定元素？
请看下面代码，事件x1添加到了document上了，如果我想只有鼠标经过div时才会执行事件x1该如何改动？
<div id=x style='width:200px;height:200px;background:red;'>
</div>
<p id=demo></p>
<script>
document.attachEvent('onmouseover',x1)
function x1(){document.getElementById('demo').innerHTML='123';}
</script>
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
楼主可以写一个事件监听的对象,里面有两个方法：addHandler和removeHandler方法，调用的时候直接使用"对象名.方法"，例如： evenUil.addHandler(obj,type,fn) 这里面三个参数对应的是: 你要绑定的目标(相当于你这里的x)，事件类型(相当于你这里的mouseover.这里就不用加on了)，写一个你要实现功能的函数（相当于你这里的x1()）,
var eventUil = { addHandler:function(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){ obj.attachEvent("on"+type,fn); }else{ obj["on"+type] = fn; } }, removeHandler:function(obj,type,fn){ if(obj.removeEventListener){ obj.removeEventListener(type,fn,false); }else if(obj.deattachEvent){ obj.detachEvent("on"+type,fn); }else{ obj["on"+type] = null; } } }2019-07-17 18:59:44赞同 展开评论
相关问答