trigger keyboard presses to reset browser zoom

Question

I want to trigger the ctrl+0 in order to reset the browser zoom. If I do it manually and press ctrl+0 then it resets the browser zoom.

Here is the code that I've tried:

$('#test').click(function() {
         e = $.Event("keypress");
         e.which = 48;
         e.ctrlKey = true;
         $(window).trigger(e);

        });

but it doesn't work. I tried to trigger the event on $(document) as-well but still no success.

Any idea how can I do that?

have a look here http://stackoverflow.com/questions/961532/firing-a-keyboard-event-in-javascript — BeNdErR, Apr 18 '14 at 08:55
Use following Try it => Birman Cats
Black Cat Superstitions

Folk Lore — Pratik Joshi, Apr 18 '14 at 08:56

score 1 · Answer 1 · edited May 23 '17 at 12:00

1

It doesn't work because the ctrl+0 key combination is interpreted by the browser first and than sent to the event loop. If you trigger it programmatic, it will go directly to the event loop.

In css there is a zoom property.

What you could probably do is:

use a method described here, to detect the browser zoom level
set the zoom property to compensate for the browser zoom.

This way if the user has zoom 120%, you set from css zoom 80%.

Anyway, I advice against it because 99% of the time, the user wants/needs to zoom.

What it is better, would be to make your website look good even when zoomed, by using em units, percent values and maybe media-queryes

edited May 23 '17 at 12:00

Community

1
1

answered Apr 18 '14 at 08:55

Andrei

3,086
2
19
24

Hey! I couldn't use the script the guy posted there since it returned with many errors. to be honest, I don't really care what is the user current zoom level, I would like to reset it to be 100%, isn't there any way to do that? – kfirba Apr 18 '14 at 09:15
No. The browser zoom comes before the css `zoom` property. Because of that you have no control over it. Strange that nothing from that entire answer worked for you. – Andrei Apr 18 '14 at 09:17

TechStone · Answer 2 · 2014-04-18T19:33:54.257

-2

$(document).bind('keydown', function (e) {
    if (e.ctrlKey && e.which == 48) {
        // your code here..
    }
});

// if you wanna to resize (zoom in/out window)?
// your code goes here
$(window).resizeTo(w, H);

// if you wanna to set zoom attr?
// your code goes here
$('whatever').css('zoom', value);

edited Apr 18 '14 at 19:33

answered Apr 18 '14 at 09:46

TechStone

141
6

that wasn't the problem to begin with. the problem was what code should I write? how do I reset the zoom..? – kfirba Apr 18 '14 at 10:09
-_-||| use keypress you can fire the event? – TechStone Apr 18 '14 at 10:23
"I tried to trigger the event on $(document) as-well but still no success." your question~~ – TechStone Apr 18 '14 at 10:25
what I meant with "no success" was that the browser didn't reset the zoom. – kfirba Apr 18 '14 at 10:39
zoom in? or zoom out? or just simple css zoom attributes? and with your jquery code i realy hope keypress can work for you! – TechStone Apr 18 '14 at 19:29

score -2 · Answer 3 · answered Feb 27 '17 at 18:16

Trust me, the best method is to use task scheduler to trigger a .vbs mentioned in http://www.computerhope.com/forum/index.php?topic=76100.0

To reset zoom in browser, use the following vbs

Set objShell = CreateObject("WScript.Shell")
objShell.SendKeys "^0"

trigger keyboard presses to reset browser zoom

Black Cat Superstitions

Folk Lore

3 Answers3