为了改善老年用户的用户体验,他们不知道浏览器的所有功能和快捷方式,我想有一个按钮,只需触发Ctrl+(加号按钮)即可放大并提高可读性。
- 这可能吗
- 如何
- 对于有Strg其他按钮的Mac用户,有没有解决方案
编辑:似乎我可以在CSS3中使用缩放属性。
我刚试过:
function mzi(){
var oldval = document.getElementById('zoom').style.zoom;
var newval = Number(oldval) + 0.1;
alert('old value is '+Number(oldval)+' and new value is '+newval+'.');
document.getElementById('zoom').style.zoom = Number(oldval) + 0.1;
};
它几乎做到了我想要的。
问题:
它将缩放设置为0.1,而不是"oldval+0.1"。
因此,问题似乎出在变量"oldval"附近。
也许我不能正确存储值,或者我不能正确使用它?
警报显示旧值为0,新值为0.1
你好,你可以这样做:
document.addEventListener("keypress", zoom, false);
function zoom(e) {
var keyId = e.keyCode || e.which;
if (keyId == 17 && keyId == 107 ) {
window.parent.document.body.style.zoom += 1.5;// choose the factor of zoom
}