解決WEB頁面上焦點控制一法

2024-07-21 02:21:42

字體：大中小

來源：轉載

供稿：網友

最大的網站源碼資源下載站，

解決web頁面上"焦點控制"一法

對于b/s的系統,在頁面控制上不如c/s系統那么控制靈活,就如輸入的焦點問題,客戶都很想通過鍵盤對數據進行錄入,這樣的要求我想100個客戶中會有90個吧.

因此解決焦點獲取問題是必要的.大家可以從網上找到一些方法,不過都比較麻煩,我現在介紹一種很方便的.效果也很不錯的方法給大家.

我前段時間看了ms的asp.net講座,在里面談到了如何讓"回車鍵"使文本框的焦點一個個下移.其中提了三種方法,最好的一種是這樣的:

用客戶端腳本在頁面添加document的onkeydown事件,讓頁面在接受到回車事件后,進行tab鍵的功能,即只要把event的keycode由13變為9

vbscript代碼:

<script language="vbscript">

sub document_onkeydown

if event.keycode=13 then

event.keycode=9

end if

end sub

</script>

javascript代碼如下:

<script language="javascript" for="document" event="onkeydown">



</script>

這樣的處理方式,可以實現焦點往下移動,但對于按鈕也起同樣的作用,一般的客戶在輸入完資料以后,跳到按鈕后,最好能直接按"回車"進行數據的提交.因此,對上面的方法要進行一下修改,應該對于"提交"按鈕不進行焦點轉移.而直接激活提交.

因此我對上面的代碼進行了一個修改,即判斷事件的"源",是否為提交按鈕,代碼如下:

<script language="javascript" for="document" event="onkeydown">



</script>

判斷是否為button, 是因為在html上會有type="button"

判斷是否為submit,是因為html上會有type="submit"

判斷是否為reset,是因為html上的"重置"應該要被執行

判斷是否為空,是因為對于html上的"<a>鏈接"也應該被執行,這種情況發生的情況不多,可以使用"tabindex=-1"的方式來取消鏈接獲得焦點.

以上是我個人觀點,我是在asp.net中進行系統開發的,我會把這個客戶端腳本放在"basepage"中,其他頁面都會繼承他,從而可以在很多頁面進行控制. 如有其他好辦法,希望大家討論.

聽棠

上一篇：異步調用Web服務

下一篇：利用WebService技術實現遠程數據庫存取