jquery通过扩展select控件实现支持enter或focus选择的方法
2015-11-19 00:00
363 查看
本文实例讲述了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实现仿京东商城省市联动菜单
- 自己mini版jquery编写
- Jquery autocomplete 注意的一点破事
- 网站如何做到完全不需要使用jQuery
- jQuery + json 实现省市区三级联动
- Jquery 中Ajax使用的四种情况
- 【jQuery】 文档操作 -- empty( ) 方法
- 前端开发者都应知道的 jQuery 小技巧
- Jquery validate表单验证
- jQuery实现侧边导航手风琴效果
- jQuery实现侧边导航点击隐藏动画设计
- Jquery基础之事件操作
- jQuery1.8.0文档学习笔记:
- canvas中的getContext("2d")方法在jQuery中的使用中遇到的小问题解决办法
- jQuery-1.9.1源码分析系列(十) 事件系统——事件绑定
- Jquery Ajax处理,服务端三种页面aspx,ashx,asmx的比较
- Jquery 中a||""的含义
- Jquery ajax调用webservice总结
- 前端开发者都应知道的 jQuery 小技巧
- jQuery get()和eq()的区别