上代码
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script src="js/jquery-1.8.3.min.js"></script> <style> a { background: #009688; color: #FFF; padding: 5px 10px; border-radius: 2px; font-size: 12px; } </style> <script> $(function () { // onkeypress 事件在所有浏览器中不能触发所有按键(例如:ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测, 可以使用 onkeydown 取代, onkeydown被所有按键触发。 document.body.onkeypress = function (e) { e = e || event; //alert(e.ctrlKey);//有没有按下ctrl键 if (e.keyCode == 121) { //按下Y键 $(".btnOK").click(); //alert(e.key); } else if (e.keyCode == 110) { //按下N键 $(".btnCancel").click(); } } $(".btnOK").click(function () { alert("确定保存"); }) $(".btnCancel").click(function () { alert("取消"); }) }) </script> </head> <body> <a class="btnOK">确定保存(Y)</a> <a class="btnCancel">取消(N)</a> </body> </html>
效果:按下 Y或N