欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

如何為JQueryEasyUI表單組件增加焦點切換功能

小編給大家分享一下如何為JQuery EasyUI表單組件增加焦點切換功能,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

成都創(chuàng)新互聯(lián)公司服務項目包括城口網站建設、城口網站制作、城口網頁制作以及城口網絡營銷策劃等。多年來,我們專注于互聯(lián)網行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構等提供互聯(lián)網行業(yè)的解決方案,城口網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到城口省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

1、背景說明

    在使用 JQuery  EasyUI 各表單組件時,實際客戶端頁面元素是由 JQuery EasyUI 生成的,元素的焦點切換,雖然 Tab 鍵可以正常用,但順序控制屬性 tabindex不起作用,因為頁面看到的元素,是生成的,沒有tabindex 屬性,而真實的元素被隱藏了。本文通過一個自定義函數(shù),實現(xiàn)Tab回車鍵的焦點切換功能。

2、函數(shù)定義

 通過捕獲窗口按件,對回車和Tab鍵進行了熱點切換處理。先根據當前焦點,獲取需要tabindex 屬性,加1后為下一焦點無素的屬性值,根據這一屬性找到下一焦點元素,并設置成焦點。

//增加改變焦點操作
function addChangeFocusOpe()
{
 $(window).keydown(function(event){//按鍵事件
  if(event.keyCode==13 || event.keyCode==9) //回車 或 tab鍵
  {
   var tabindex = $($(':focus').parent()[0]).prev().attr("tabindex"); //?。ó斍敖裹c--父元素--前一元素)的 tabindex 屬性。該結構根據jQuery EasyUI生成的頁面結構而定。
   if(tabindex != undefined)
   {
    var nextIndex = parseInt(tabindex) + 1; //下一焦點元素tabindex編號
    var nextInput = $("input[tabindex='"+nextIndex+"']"); //查找下一焦點元素
    if(nextInput.length > 0);
    {
     var nextObj = $(nextInput[0]);
     var options = nextObj.attr("data-options"); //設置的屬性值,用于判斷是否是“文本區(qū)域”
     var focusObj = $(nextInput[0]).next('span').find('input'); //元素--下一span元素 --內部input。該結構根據jQuery EasyUI生成的頁面結構而定
     if(options.indexOf("multiline:true") != -1)
     {//要設置焦點的元素是“文本區(qū)域”
      focusObj = nextObj.next('span').find('textarea');
     }
     focusObj.focus(); //設置焦點
    }
   }
  }
  if(event.keyCode==9)
  {//對于tab鍵,則取消其本有功能,因為上面已完成焦點轉換
    return false;
  }
 });
}

3、使用方式

(1)頁面調用函數(shù)

$(function(){ 
 $('#code').next('span').find('input').focus(); //第一個元素設置焦點 
 addChangeFocusOpe(); //頁面增加焦點切換操作 
});

(2)表單元素設置 tabindex 屬性

如何為JQuery EasyUI表單組件增加焦點切換功能

4、約束和限制

由于函數(shù)實現(xiàn)時,tabindex 采用 +1的方式,去查找下一元素,所在頁面設置 tabindex 屬性時,一定要連續(xù),否則在斷續(xù)的地方,將不起作用。

看完了這篇文章,相信你對“如何為JQuery EasyUI表單組件增加焦點切換功能”有了一定的了解,如果想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

當前題目:如何為JQueryEasyUI表單組件增加焦點切換功能
瀏覽地址:http://aaarwkj.com/article2/goocic.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站改版ChatGPT、品牌網站設計、網站導航、網站制作網頁設計公司

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網站建設公司
成人国产亚洲日本欧美| 日韩一级不卡高清视频| 少妇精品偷拍高潮少妇在线观看| 少妇一区二区三区免费| 亚洲国产精品二区三区| 成人免费毛片内射视频| 亚洲精品aa片在线观看国产| 最新91精品手机国产在线| 免费精品一区二区三区欧美| 中文字幕熟妇人妻av在线| 亚洲精品在线观看日韩欧美| 亚洲av少妇一区二区成年男人 | 精品国产自在久久成人| 亚洲欧美极品一区色婷婷| 日本韩国欧美在线一区| 先锋影音女同中文字幕| 日本黄色高清视频一区| 亚洲精品午夜久久久av| 麻豆视频国产一区二区| 高清欧美大片免费观看| 国产区一区二区三在线播放| 午夜日韩综合激情视频在线观看| 日韩av黄色大片在线播看| 久久久国产精品视频网站| 成人黄色暖暖韩日视频| 日韩在线中文字幕三区| 人妻少妇被猛烈进入中出视频| 亚洲成人精品青青香蕉| 亚洲综合一区二区三区四区在线| 国产一区在线免费在线观看| 亚洲香蕉av一区二区蜜桃| 国产剧免费看视频网站成人| 高颜值紧身牛仔裤国产精品| 日韩中文不卡人成在线视频| 国产av日韩精品一区二区三区| 日韩av黄色制服在线网站| 国产老熟女高潮精品视频网站免费| 国产成人三级在线影院| 欧美日韩国产精品精品| 91麻豆成人国产在线观看| 欧美香蕉在线观看视频|