I need to emulate a key press with click 开发者_Python百科on a link. The keyboard shortcut CTRL++ must be called with a click on a link, or a similar function.
You can't invoke key press with JavaScript.
However, you can control zoom level with JavaScript, here is example for IE and Chrome: http://jsfiddle.net/cMCuz/2/
Edit: now supports Firefox as well.
Required JavaScript:
var _zoomLevel = 100;
function ChangeZoomLevel(diff) {
_zoomLevel += diff;
var oDiv = document.getElementById("Contents");
if (typeof oDiv.style.MozTransform == "string")
oDiv.style.MozTransform = "scale(" + (_zoomLevel / 100) + ")";
else if (typeof oDiv.style.zoom == "string")
oDiv.style.zoom = _zoomLevel + "%";
}
Sample buttons:
<button type="button" onclick="ChangeZoomLevel(10);">+</button>
<button type="button" onclick="ChangeZoomLevel(-10);">-</button>
This will change the zoom level of whole DIV element, can be changed easily to change zoom level of whole document if required.
can i contribute please. adding on Shadow Wizard code:
http://jsfiddle.net/GaPYe/
var _zoomLevel = 100;
function ChangeZoomLevel(diff) {
_zoomLevel += diff;
var oDiv = document.getElementById("Contents");
if (typeof oDiv.style.MozTransform == "string")
oDiv.style.MozTransform = "scale(" + (_zoomLevel / 100) + ")";
else if (typeof oDiv.style.zoom == "string")
oDiv.style.zoom = _zoomLevel + "%";
else if (typeof oDiv.style.OTransform == "string")
oDiv.style.OTransform = "scale(" + (_zoomLevel / 100) + ")";
else if (typeof oDiv.style.WebkitTransform == "string")
oDiv.style.WebkitTransform = "scale(" + (_zoomLevel / 100) + ")";
else if (typeof oDiv.style.MsTransform == "string")
oDiv.style.MsTransform = "scale(" + (_zoomLevel / 100) + ")";
else if (typeof oDiv.style.transform == "string")
oDiv.style.transform = "scale(" + (_zoomLevel / 100) + ")";
}
i think it works in all browsers now.
精彩评论