jsp要實現(xiàn)屏蔽退格鍵問題探討
更新時間：2013年08月16日 18:40:56 作者：
在jsp中的查詢條件中，輸入框中內容可按“Backspace”鍵進行刪除，但是下拉框中需要屏蔽backspace功能，否則就回執(zhí)行頁面的回退功能
今天涉及到一個問題，在jsp中的查詢條件中，有文本框可輸入篩選條件，也有下拉框選擇篩選條件。輸入框中內容可按“Backspace”鍵進行刪除，但是下拉框中需要屏蔽backspace功能，否則就回執(zhí)行頁面的回退功能。代碼如下
<td width="350px;">企業(yè)名稱:
<input type="text" name="filter_psName" id="psName" size="40"/>
</td>
<td width="200px;">區(qū)域:
<select name="filter_regionCode" id="regionName" theme="simple" />
</td>
<td>
<s:radio onclick="query();" name="filter_status" theme="simple" ></s:radio>
</td>
<td valign="middle" align="center">
<img src="${ctx}/common/img/icons/icon403a3.gif" height="20" />查詢
</td>
在網(wǎng)上找了一段屏蔽退格鍵的代碼如下
$(document).keydown(function (e) {
var doPrevent;
if (e.keyCode == 8) {
var d = e.srcElement || e.target;
if (d.tagName.toUpperCase() == 'SELECT') {
doPrevent = d.readOnly || d.disabled;
}
else
doPrevent = true;
}
else
doPrevent = false;
if (doPrevent)
e.preventDefault();
});
發(fā)現(xiàn)有如下問題：
下拉框d.tagName獲取的的標簽名稱也是INPUT。故實現(xiàn)不了上述需求。
仔細研究了一下，下了如下代碼
//屏蔽下拉框的退格鍵操作
$(document).keydown( function(e)
{
//獲取鍵盤的按鍵CODE
var k=e.keyCode;
//獲取操作的標簽對象
var obj=e.target || e.srcElement;
//獲取對象的只讀屬性的值
var vReadOnly = obj.getAttribute('readonly');
//如果按鍵為“backspace”并且標簽對象的只讀屬性不為空時return false（select 標簽默認 readonly=“readonly”）
if(k==8 && vReadOnly!=null){
return false;
}
});
實現(xiàn)了上述需求，應該還有更好的辦法，希望朋友們看到能夠給予提示或者互相討論。
復制代碼 代碼如下:
<td width="350px;">企業(yè)名稱:
<input type="text" name="filter_psName" id="psName" size="40"/>
</td>
<td width="200px;">區(qū)域:
<select name="filter_regionCode" id="regionName" theme="simple" />
</td>
<td>
<s:radio onclick="query();" name="filter_status" theme="simple" ></s:radio>
</td>
<td valign="middle" align="center">
<img src="${ctx}/common/img/icons/icon403a3.gif" height="20" />查詢
</td>
在網(wǎng)上找了一段屏蔽退格鍵的代碼如下
復制代碼 代碼如下:
$(document).keydown(function (e) {
var doPrevent;
if (e.keyCode == 8) {
var d = e.srcElement || e.target;
if (d.tagName.toUpperCase() == 'SELECT') {
doPrevent = d.readOnly || d.disabled;
}
else
doPrevent = true;
}
else
doPrevent = false;
if (doPrevent)
e.preventDefault();
});
發(fā)現(xiàn)有如下問題：
下拉框d.tagName獲取的的標簽名稱也是INPUT。故實現(xiàn)不了上述需求。
仔細研究了一下，下了如下代碼
復制代碼 代碼如下:
//屏蔽下拉框的退格鍵操作
$(document).keydown( function(e)
{
//獲取鍵盤的按鍵CODE
var k=e.keyCode;
//獲取操作的標簽對象
var obj=e.target || e.srcElement;
//獲取對象的只讀屬性的值
var vReadOnly = obj.getAttribute('readonly');
//如果按鍵為“backspace”并且標簽對象的只讀屬性不為空時return false（select 標簽默認 readonly=“readonly”）
if(k==8 && vReadOnly!=null){
return false;
}
});
實現(xiàn)了上述需求，應該還有更好的辦法，希望朋友們看到能夠給予提示或者互相討論。
相關文章
ajax+json+Struts2實現(xiàn)list傳遞實例講解
應付學習需要，需要通過ajax來獲取后臺的List集合里面的值，特做了一個實例并附上演示效果，希望本例對你有所幫助2013-04-04
其實很簡單 也有很多方法 我使用的是一個SERVLET+一個JSP實現(xiàn)的 主要應用FILE類 SERVLET的代碼片:2008-07-07
這篇文章主要介紹了jsp 生命周期詳細介紹的相關資料,JSP有編譯階段，初始化階段，執(zhí)行階段，銷毀階段，需要的朋友可以參考下2017-01-01
處理jsp顯示文字過長問題的解決方法，需要的朋友可以參考一下2013-03-03
這篇文章主要介紹了jsp實現(xiàn)checkbox的ajax傳值,實例分析了針對checkbox的Ajax使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jsp 編程之@WebServlet詳解的相關資料,需要的朋友可以參考下2017-03-03
使用JSP技術實現(xiàn)一個簡單的在線測試系統(tǒng)的實例詳解
這篇文章主要介紹了使用JSP技術實現(xiàn)一個簡單的在線測試系統(tǒng)的實例詳解，文章通過示例代碼和代碼運行結果圖相結合展示介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
jsp 判斷l(xiāng)ist是否包含string的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨sp 判斷l(xiāng)ist是否包含string的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
獲取web服務器下的文件路徑、獲取本地路徑、獲取相對路徑等等，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-08-08
SSM框架整合JSP中集成easyui前端ui項目開發(fā)示例詳解
這篇文章主要介紹了SSM框架JSP中集成easyui前端ui項目開發(fā)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步2021-10-10