PROSAGA码农传奇-JS-函数不会从事件侦听器中删除

函数不会从事件侦听器中删除

作者: 别闹
发布时间: 2024-01-21 04:39:39 (5月前)
转自：

<div class =“post-text”itemprop =“text”>
  <P>
    问题是我试图删除“eventHandler”函数，但我需要删除“move”，“risizeleft”和“resizeright”函数。为了解决这个问题，我创建了一个具有当前函数名称的变量，并在需要时将其从“move”事件中删除。
  </p>
   <pre>
    <code>
      setNavigator(nav){
renderNavigatorGraphic(nav.querySelector("canvas"));

var span = nav.querySelector(".graphic-overview > .selector > span"),
    selectorWidth = this.selectorWidth = span.clientWidth,
    selectorBorder = this.selectorBorder = parseFloat(
                          getComputedStyle(span, "::before")
                          .getPropertyValue("border-left-width")
                        ),
    eventNames = (isMobileDevice())
                    ?["touchstart", "touchmove", "touchend"]
                    :["mousedown", "mousemove", "mouseup", "mouseleave"],
    functionHandler;

span.addEventListener(eventNames[0], eventHandler, false);
span.addEventListener(eventNames[2], removeEventHandler, false);
if(eventNames[3]) span.addEventListener(eventNames[3], removeEventHandler, false);

if(x > selectorBorder){
    if(x < (selectorWidth - selectorBorder)){
      functionHandler = move;
    }else{
      functionHandler = resizeright;
    }
  }else{
    functionHandler = resizeleft;
  }

span.addEventListener(eventName, functionHandler, false);
}
function removeEventHandler(){
  span.removeEventListener(eventNames[1], functionHandler);
}
function isMobileDevice() {
  return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
};
}

</code>
  </pre>
</DIV>