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);
});