table

          javascript用回車鍵實現(xiàn)Tab鍵功能

          很多羅嗦的客戶,喜歡提出這些需求!其實實現(xiàn)也不難!代碼如下:

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

           用客戶端腳本在頁面添加document的onkeydown事件,讓頁面在接受到回車事件后,進行Tab鍵的功能,即只要把event的keyCode由13變?yōu)?

           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">

          <!--

            if(event.keyCode==13)

               event.keyCode=9;

          -->

          </script>

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

           

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

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

          <!--

            if(event.keyCode==13 && event.srcElement.type!='button' && event.srcElement.type!='submit' && event.srcElement.type!='reset' && event.srcElement.type!='textarea' && event.srcElement.type!='')

               event.keyCode=9;

          -->

          </script>

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

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

          判斷是否為reset,是因為HTML上的"重置"應該要被執(zhí)行

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

          posted on 2008-10-13 18:10 小卓 閱讀(422) 評論(0)  編輯  收藏 所屬分類: html and js

          主站蜘蛛池模板: 句容市| 金华市| 马鞍山市| 留坝县| 平乡县| 古丈县| 丽水市| 乡宁县| 镇巴县| 娱乐| 邵东县| 洪泽县| 杭锦后旗| 冷水江市| 通海县| 东台市| 将乐县| 许昌市| 贞丰县| 阿城市| 汉源县| 江孜县| 康乐县| 合水县| 阳山县| 偃师市| 武平县| 浮梁县| 桓仁| 简阳市| 武川县| 买车| 南丰县| 丰镇市| 黔西| 湄潭县| 桐乡市| 南召县| 尉犁县| 河南省| 阿拉尔市|