code equivalent of ctrl+ and ctrl-

eydg · 01-15-2013, 09:17 PM

each major browser nicely zooms in and out html these days.

Is there a smart way to achieve this with a line of code?

tempz · 01-15-2013, 10:18 PM

Code:

jQuery.fn.zoom = function(fn) {
  jQuery(document).keydown(function(e){
    switch (true) {
      case jQuery.browser.mozilla || jQuery.browser.msie :
        if (e.ctrlKey &amp;&amp; (
          e.which == 187 ||
          e.which == 189 ||
          e.which == 107 ||
          e.which == 109 ||
          e.which == 96  ||
          e.which == 48
        )) fn();
        break;
      case jQuery.browser.opera :
        if (
          e.which == 43 ||
          e.which == 45 ||
          e.which == 42 ||
          (e.ctrlKey &amp;&amp; e.which == 48)
        ) fn();
        break;
      case jQuery.browser.safari :
        if (e.metaKey &amp;&amp; (
          e.charCode == 43 ||
          e.charCode == 45
        )) fn();
        break;
    }
    return;
  });

  jQuery(document).bind('mousewheel', function(e){
    if (e.ctrlKey) fn();
  });

  jQuery(document).bind('DOMMouseScroll', function(e){
    if (e.ctrlKey) fn();
  });
};