首页 > 编程 > JavaScript > 正文

jquery通过扩展select控件实现支持enter或focus选择的方法

2019-11-20 11:13:59
字体:
来源:转载
供稿:网友

本文实例讲述了jquery通过扩展select控件实现支持enter或focus选择的方法。分享给大家供大家参考,具体如下:

/**************************************** @ author jdkleo* @ date 2013/2/27 JQuery SelKeysUSAGE: jQuery.selkeys.enter(jQuery("#selcon")); jQuery.selkeys.focus(jQuery("#selcon2"));*****************************************/(function (jQuery){ this.version = '(beta)(0.0.1)'; this.all = {}; /**---------enter---------**/ this.enter = function(sel){   var flag = 1;  var open = function(){    if(flag==1){    sel.get(0).size = sel.get(0).options.length;    flag=0;   }else{    sel.get(0).size = 1;    flag=1;   }  };   sel.keydown(function(e){     e = e ? e :(window.event ? window.event : null);     var code = e.keyCode || e.which || e.charCode;    if(code == 13)    {     open();     return false;    }   });  sel.blur(function(){     sel.get(0).size=1;     flag=1;     });    }  /**---------focus---------**/ this.focus = function(sel){   var flag = 1;  var open = function(){    if(flag==1){    sel.get(0).size = sel.get(0).options.length;    flag=0;   }else{    sel.get(0).size = 1;    flag=1;   }  };   sel.focus(function(){     open();    return false;   });  sel.blur(function(){    sel.get(0).size=1;    flag=1;   });  sel.keydown(function(e){     e = e ? e :(window.event ? window.event : null);     var code = e.keyCode || e.which || e.charCode;    if(code == 13)    {     sel.get(0).size=1;     flag=1;     return false;    }   }); } /**---------all---------**/ jQuery.selkeys = this; return jQuery; })(jQuery);

希望本文所述对大家jQuery程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表