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

Question

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

Answer 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浏览器下看，还是不能屏蔽，没有办法