document.attachEvent('onmouseover',x1)如何把document改成指定元素?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

document.attachEvent('onmouseover',x1)如何把document改成指定元素?

a123456678 2016-03-11 17:33:22 1031

请看下面代码,事件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)
  • a123456678
    2019-07-17 18:59:44

    楼主可以写一个事件监听的对象,里面有两个方法: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;
        }
      }
    }
    0 0
云计算
使用钉钉扫一扫加入圈子
+ 订阅

时时分享云计算技术内容,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。

推荐文章