有時候難免會要用到只讀的文本框,可今天發現只讀文本框有一個缺陷,當鼠標焦點在文本框里面的時候按回退鍵(backSpace), 會退回到前一個頁面,這個問題就有點煩惱了,用戶又不清楚可不可以輸入,他如果看到文本框想去改里面的東西,按一下,有可能前面所有填寫的數據就會丟失.故此寫了個方法,供大伙有需要時放入<script></script>,保管你稱心如意。
代碼如下:
document.documentElement.onkeydown = function(evt){
var b = !!evt, oEvent = evt || window.event;
if (oEvent.keyCode == 8) {
var node = b ? oEvent.target : oEvent.srcElement;
var reg = /^(input|textarea)$/i, regType = /^(text|textarea)$/i;
if (!reg.test(node.nodeName) || !regType.test(node.type) || node.readOnly || node.disabled) {
if (b)
{
oEvent.stopPropagation();
}
else
{
oEvent.cancelBubble = true;
oEvent.keyCode = 0;
oEvent.returnValue = false;
}
}
}
}
