ngăn di chuyển bằng các phím mũi tên

Question

làm cách nào để ngăn trang html di chuyển khi nhấn các phím mũi tên nếu khung nội tuyến bên trong nó được lấy nét?

im gettting lỗi này trong chrome

Khung nội tuyến được tập trung, tôi biết trọng tâm của nó. cha mẹ vẫn cuộn.

Answer 1

Các mã sau đây trong tài liệu iframe sẽ ngăn chặn nó từ di chuyển:

document.onkeydown = function(evt) { 
    evt = evt || window.event; 
    var keyCode = evt.keyCode; 
    if (keyCode >= 37 && keyCode <= 40) { 
     return false; 
    } 
}; 

Answer 2

này hoạt động ngoại trừ IE:

window.top.document.onkeydown = function(evt) { 
    evt = evt || window.event; 
    var keyCode = evt.keyCode; 
    if (keyCode >= 37 && keyCode <= 40) { 
     return false; 
    } 
}; 

Answer 3

Mã này hiện các trick:

Javascript

<script type="text/javascript"> 
    function focusOnIframe(iFrameID) { 
    if (frames[iFrameID]!=undefined) 
     frames[iFrameID].focus(); // Works in all browser, except Firefox 
    else 
     document.getElementById(iFrameID).focus(); // Works in Firefox 
    } 
</script> 

HTML (ví dụ)

<input type="button" id="setfocus" value="Set focus" onclick="focusOnIframe('myiframe')" /> 

<p>Bla<br />Bla<br />Bla<br />Bla<br />Bla<br /></p> <!-- Just some filler --> 

<iframe id="myiframe" src="yourpage.html"></iframe> 

<p>Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br />Bla<br /></p> <!-- Just some filler --> 

Tôi đã thử nghiệm nó trong Firefox 3.6.6, Sắt 5.0.380, Opera 10.60, IE 6 và IE 8.