05/26 关键词

发布于 2020-05-26  164 次阅读


关键词

onmousemove 事件对象 clientX clientY pageX pageY scrollTop scrollLeft 事件的冒泡 Bubble cancelBubble 事件的委派 target 事件的绑定 addEventListener() attachEvent() 事件的传播

代码

  • clientX 距离可见页面最左边的距离
  • clientY 距离可见页面最上边的距离
  • pageX 距离整个页面最左边的距离,IE8及以下不支持,可以通过
    document.documentElement.scrollLeft+element.clientX来解决
  • pageY 距离整个页面最上边的距离 ,IE8及以下不支持 ,可以通过
    document.documentElement.scrollTop+element.clientY来解决
  • cancelButton 使元素的祖先元素不会调用相同的事件
    var sapn=document.getElementById("span");
    span.cancelButton=true
  • addEventListener() 监听事件, IE8及以下不支持
    var sapn=document.getElementById("span");
    span.addEventListener("click",function(){
    console.log("ok");
    },false);

    效果相当于elelment.onevent=...,但是这个可以多次,而使用另外一个会被前面的覆盖
    特别注意,事件不要加on,参数细则看强调部分
  • attachEvent() 监听事件, 支持IE,特别注意,this对象是window
    var sapn=document.getElementById("span");
    span.attachEvent( "onclick",function(){
    console.log("ok");
    } )

    事件前需要加on
  • target 获取触发事件的节点,IE8及以下不支持,可以使用srcElement解决,但需注意,这个不是标准

强调


一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。