Javascript jQuery鼠标滚轮插件规模问题

Javascript jQuery鼠标滚轮插件规模问题,javascript,jquery,canvas,Javascript,Jquery,Canvas,我目前正在使用这个插件的代码 $('#painter')。在('mouseweel',函数(e)上{ cp.量表(2,2); var e0=e.原始事件, delta=e0.车轮delta | |-e0.详图; 这个.scrollTop+=(增量0?1:-1; }否则{ //Firefox(返回-适用于wheelups和+适用于wheeldowns) var direction=e.detail0{ups++;} 如果(指示) $('#painter').on('mousewheel', fun

我目前正在使用这个插件的代码

$('#painter')。在('mouseweel',函数(e)上{
cp.量表(2,2);
var e0=e.原始事件,
delta=e0.车轮delta | |-e0.详图;
这个.scrollTop+=(增量<0?1:-1)*30;
e、 预防默认值();
console.log(e.deltaX,e.deltaY,e.deltaFactor);
});
当画师是画布时,事情是cp.scale事件永远不会被触发,而如果我将其置于鼠标滚轮功能之外,它将工作。。。我真的不知道为什么

  • 代码的其余部分正在工作,只是比例部分没有完成它的工作

    • 这里的鼠标轮代码对我来说很好(不需要插件),而不是调试插件

      注释代码和演示:

      var canvas=document.getElementById(“canvas”);
      var ctx=canvas.getContext(“2d”);
      //听2轮事件
      //mousewheel代表IE,DOMMouseScroll代表其他人
      canvas.addEventListener('mousewheel',handleScroll,false);
      canvas.addEventListener('DOMMouseScroll',handleScroll,false);
      var-ups=0;
      var-downs=0;
      $results=$(“#results”);
      //
      函数handleScroll(e){
      //告诉浏览器我们正在处理此事件
      e、 预防默认值();
      e、 停止传播();
      //确定车轮方向
      // -------------------------
      //针对不同的浏览器进行调整
      //FF返回e.detail
      //车轮上升和车轮下降的位置+
      //其他浏览器返回e.wheelData
      //其中上轮为+下轮为-
      如果(e.车轮三角洲){
      var方向=e.车轮三角洲>0?1:-1;
      }否则{
      //Firefox(返回-适用于wheelups和+适用于wheeldowns)
      var direction=e.detail0{ups++;}
      如果(指示)
      
      $('#painter').on('mousewheel', function(e) {
              cp.scale(2, 2);
              var e0 = e.originalEvent,
                  delta = e0.wheelDelta || -e0.detail;
              this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30;
              e.preventDefault();
              console.log(e.deltaX, e.deltaY, e.deltaFactor);
          });