layui–select使用以及下拉框实现键盘选择的例子_javascript技巧_脚本之家

如上那篇layui–select使用以至下拉框达成键盘选拔的例证正是作者分享给大家的全体内容了,希望能给我们三个参照,也盼望大家多都赐教脚本之家。

2.要注意每一次form render之后呢,要重复登记事件。

 开始使用layui   /***********layui下拉框选择,支持键盘*************/ layui.use{ var form = layui.form; var $ = layui.$; form.render(); //每次渲染之后手注册事件 $.find.attr("onkeydown","listenSelect.up; var listenSelect = { style:"layui-this", up:function  { var keyCode = event.keyCode; var dl = $.next(); //找到渲染后的dl var curDd =.find; if{ //按下下键 $.parents.addClass('layui-form-selected'); curDd = $.find.nextAll; if{ // curDd = $; curDd = $.not.first(); }else{ curDd = curDd[0]; } }else if{ $.parents.addClass('layui-form-selected'); curDd = $.find.prevAll; if{ curDd = $.not; }else{ curDd = curDd[0]; } } dl.find.removeClass; //移除样式 $.addClass; var dd = $.find; // 计算高度--start try{ dd.offset.top + dl.scrollTop(); dl.scrollTop.top - dl.offset().top + dl.scrollTop{ //console.log; } // 计算高度--end if.click.focus(); // 再次得到焦点 $.attr("onkeydown","listenSelect.up } return false; }}; /********END*******/ 

注意几点:

1.select下拉框应当要放松权利layui-form类下。这几个layui-form不是必须放在form上,放在三个div也是足以的

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图