手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery通过扩展select控件实现支持enter或focus选择的方法
jquery通过扩展select控件实现支持enter或focus选择的方法
摘要:本文实例讲述了jquery通过扩展select控件实现支持enter或focus选择的方法。分享给大家供大家参考,具体如下:/*******...

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

/*************************************** * @ author jdkleo * @ date 2013/2/27 JQuery SelKeys USAGE: 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程序设计有所帮助。

【jquery通过扩展select控件实现支持enter或focus选择的方法】相关文章:

jquery读取xml文件实现省市县三级联动的方法

js+cookies实现悬浮购物车的方法

jQuery判断指定id的对象是否存在的方法

jquery实现图片左右切换的方法

js实现文本框选中的方法

Jquery注册事件实现方法

jQuery替换textarea中换行的方法

Javascript中setTimeOut和setInterval的定时器用法

jQuery实现不断闪烁文字的方法

js实现键盘Enter键提交表单的方法

精品推荐
分类导航