我正在尝试在IE中禁用Ctrl + o组合键,以下代码在除IE 11之外的所有IE版本中都能正常工作,除非我在下面的代码中看到警告:
document.onkeydown = function(event) {
var x = event.keyCode;
console.log(event.keyCode);
console.log(event.ctrlKey);
if ((x == 79) && (event.ctrlKey)) {
if(navigator.userAgent.match(/rv:11.0/i)){
alert('Disabled');
}
event.cancelBubble = true;
event.returnValue = false;
event.keyCode = 0;
event.stopPropagation();
event.preventDefault();
return false;
}
};
我想知道是否有其他人遇到同样的问题并且他们已经解决了。 :-) 谢谢。 亚历
答案 0 :(得分:1)
遗憾的是,我没有很好的解决方案,但已经与微软创建了一个案例,并制作了一个证明这个问题的小问题。
我们找到的唯一方法是使用:
<meta http-equiv="X-UA-Compatible" content="IE=7">
标题,但是没有人知道什么时候对它的支持会消失 - 更不用说在IE7模式下运行的明显副作用了。
一些补充说明:
小提琴:
http://jsfiddle.net/bw5sLd15/1/
// The kitchen sink
function killKey( event ) {
event.cancelBubble = true;
event.bubbles = false;
event.returnValue = false;
event.stopPropagation();
event.stopImmediatePropagation();
event.preventDefault();
return false;
}
答案 1 :(得分:1)
我得出的结论与Alex&amp;最大。在我的特定用例中,强制兼容模式会破坏其他功能。
我相信在大多数情况下,确认对话框是最好的解决方法,因为它对用户来说仍然有些自然 - 除了所涉及的额外步骤。
http://jsfiddle.net/dperish/sp72c0wt/3/
HTML:
<h1>Demonstration of IE11 event bubbling issue</h1>
<label>Enable Workaround<input type="checkbox" id="enableWorkaround"></label>
<p>Pressing CTRL-P or CTRL-O should NOT show the default open/print dialogs. The only workaround seems to be to interrupt the main thread either with alert(), confirm(), or by hitting a breakpoint in a debugger. </p>
<p>Unfortunately, a synchronous/blocking XHR call was not useful for this purpose. Nor was using the browser-specific showModalDialog.</p>
<div id="output"></div>
使用Javascript:
function onKeyDown(e) {
e = e || window.event;
if ((e.keyCode === 79 || e.keyCode === 80) && e.ctrlKey) {
e.preventDefault();
e.stopPropagation();
e.returnValue = false;
if ($("#enableWorkaround").is(":checked")) {
if (confirm("Run some custom method?")) {
customMethod(e.keyCode);
}
}
else {
customMethod(e.keyCode);
}
return false;
}
}
function customMethod(x) {
$("#output").append("<p>CustomMethod Says: KeyCode = " + x + "</p>");
return false;
}
$(document).ready(function() {
$(document).on("keydown", function (e) {
onKeyDown(e);
});
});