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


Posted in Javascript onNovember 19, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
Oct 25 Javascript
jQuery EasyUI API 中文文档 - ValidateBox验证框
Oct 06 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
Aug 05 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
angularjs定时任务的设置与清除示例
Jun 02 Javascript
JS中将多个逗号替换为一个逗号的实现代码
Jun 23 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
深入理解Vue.js源码之事件机制
Sep 27 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 Javascript
javascript中checkbox使用方法实例演示
Nov 19 #Javascript
jquery实现表格隔行换色效果
Nov 19 #Javascript
javascript设计简单的秒表计时器
Sep 05 #Javascript
跟我学习javascript的定时器
Nov 19 #Javascript
分享纯手写漂亮的表单验证
Nov 19 #Javascript
javascript获取系统当前时间的方法
Nov 19 #Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
Nov 19 #Javascript
You might like
PL-880隐藏功能
2021/03/01 无线电
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
php导入大量数据到mysql性能优化技巧
2014/12/29 PHP
PHP使用PDO连接ACCESS数据库
2015/03/05 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
js 代码优化点滴记录
2012/02/19 Javascript
Jquery带搜索框的下拉菜单
2013/05/06 Javascript
jquery实现类似淘宝星星评分功能实例
2014/09/12 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
基于Nodejs利用socket.io实现多人聊天室
2017/02/22 NodeJs
seaJs使用心得之exports与module.exports的区别实例分析
2017/10/13 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
2019/06/05 Javascript
JS严格模式原理与用法实例分析
2020/04/27 Javascript
[02:42]2014DOTA2国际邀请赛 三冰专访:我会打到Ti20
2014/07/13 DOTA
[04:29]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦
2015/02/01 DOTA
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python根据出生日期返回年龄的方法
2015/03/26 Python
Django 忘记管理员或忘记管理员密码 重设登录密码的方法
2018/05/30 Python
Sanic框架Cookies操作示例
2018/07/17 Python
Python语法分析之字符串格式化
2019/06/13 Python
关于tf.TFRecordReader()函数的用法解析
2020/02/17 Python
基于python实现地址和经纬度转换
2020/05/19 Python
详解python中的lambda与sorted函数
2020/09/04 Python
HTML5中的Article和Section元素认识及使用
2013/03/22 HTML / CSS
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
民主评议党员自我评议范文2014
2014/09/26 职场文书
个人求职信格式范文
2015/03/20 职场文书
装配车间主任岗位职责
2015/04/08 职场文书
离婚案件答辩状
2015/05/22 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
python实现的人脸识别打卡系统
2021/05/08 Python