JavaScript-Javascript如何屏蔽ctrl+鼠标滚轮?

JavaScript-Javascript如何屏蔽ctrl+鼠标滚轮?

夜无邪 发布于 2016-12-20 字数 127 浏览 1111 回复 1

在浏览网页的时候,有时候会不小心按住了ctrl键,这时候滚动鼠标滑轮的时候,页面字体会缩放,有什么办法能够阻止?兼容各浏览器

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

偏爱自由 2017-01-12 1 楼

在鼠标滚轮的方法onmousewheel里加上对键盘的判断,下面的代码应该能屏蔽ctrl+鼠标滚轮,给一个jQuery插件版的吧,兼容性好些:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
setup: function() {
if ( this.addEventListener )
for ( var i=types.length; i; )
this.addEventListener( types[--i], handler, false );
else
this.onmousewheel = handler;
},

teardown: function() {
if ( this.removeEventListener )
for ( var i=types.length; i; )
this.removeEventListener( types[--i], handler, false );
else
this.onmousewheel = null;
}
};

$.fn.extend({
mousewheel: function(fn) {
return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
},

unmousewheel: function(fn) {
return this.unbind("mousewheel", fn);
}
});

function handler(event) {
var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;

event = $.event.fix(event || window.event);
event.type = "mousewheel";

if ( event.wheelDelta ) delta = event.wheelDelta/120;
if ( event.detail ) delta = -event.detail/3;

// Add event and delta to the front of the arguments
args.unshift(event, delta);

return $.event.handle.apply(this, args);
}

})(jQuery);

jQuery(function($) {

$(window).bind('mousewheel', function(event, delta) {
if(event.ctrlKey ) return false;
});
});
</script>

不过在chrome浏览器下看,还是不能屏蔽,没有办法