鼠标上下滚动支持combobox选中
2018-01-23 11:44
344 查看
首先需要jquery插件来支持:
1、代码SVN检出https://github.com/jquery/jquery-mousewheel
2、点击这里下载jquery.mousewheel.zip
3、直接上代码
下面是做好的gif动画图,很圆润,湿滑哦 哈哈 走起 吃午饭了哦!!
[b]技术交流QQ群:15129679[/b]
1、代码SVN检出https://github.com/jquery/jquery-mousewheel
2、点击这里下载jquery.mousewheel.zip
3、直接上代码
$('#text1').combobox({ height: 32, data: [ {"value": "选项1", "text": "选项1"}, {"value": "选项2", "text": "选项2"}, {"value": "选项3", "text": "选项3"}, {"value": "选项4", "text": "选项4"}, {"value": "选项5", "text": "选项5"}, {"value": "选项6", "text": "选项6"}, {"value": "选项7", "text": "选项7"}, {"value": "选项8", "text": "选项8"}, {"value": "选项9", "text": "选项9"}, {"value": "选项10", "text": "选项10"} ] , onShowPanel: function () { var data = $('#text1').combobox('getData'); var value = $('#text1').combobox('getValue'); var startN = 0; if (value != '') { for (var i = 0; i < data.length; i++) { if (data[i].value == value) { startN = i; break; } } } var deltaY = -1; function setValue() { startN += -deltaY; if (startN < 0) { startN = 0; } else if (startN > data.length - 1) { startN = (data.length - 1); } $('#text1').combobox('select', data[startN].value); } $('#text1').combobox('panel').off('mousewheel').on('mousewheel', function (event) { //事件event对象中可以获取如下三个属性值: //deltaX:值为负的(-1),则表示滚轮向左滚动。值为正的(1),则表示滚轮向右滚动。 //deltaY:值为负的(-1),则表示滚轮向下滚动。值为正的(1),则表示滚轮向上滚动。 //deltaFactor:增量因子。通过 deltaFactor * deltaX 或者 deltaFactor * deltaY 可以得到浏览器实际的滚动距离。 console.log(event.deltaX, event.deltaY, event.deltaFactor); deltaY = event.deltaY; setValue(); }); } });
下面是做好的gif动画图,很圆润,湿滑哦 哈哈 走起 吃午饭了哦!!
[b]技术交流QQ群:15129679[/b]
相关文章推荐
- VIM设置---支持鼠标进行光标定位,上下滚动
- DBGrid不支持鼠标的上下移动的解决代码
- Vim设置支持鼠标,光标定位,滚轮上下移动
- 在表单上任意位置滑动鼠标滚轮来使表单上下滚动
- delphi dbgrid支持鼠标滚动浏览
- web前端,实现上下翻页,支持鼠标滑动翻页h5+css+jq
- DBGrid支持鼠标滚轮滚动的解决办法
- 点击鼠标上下滚动
- c# 鼠标中键上下滚动的判断
- js图片水平滚动插件,支持上下滚动
- 使easyui combobox控件支持上下键切换数据选项
- jQuery仿google搜索下拉列表 支持键盘上下键 支持鼠标移动
- jquery鼠标悬停图片上下滚动切换
- DELPHI窗口支持鼠标中键滚动
- 无缝滚动改进版支持上下左右滚动(封装成函数)
- C#语言DateTimePicker时间控件改良(鼠标上下滚动改变对应的值)!
- Delphi中的DBGrid如何实现使用鼠标滚轮上下滚动
- mfc中鼠标滚轮上下滚动计数问题(OnMouseWheel)
- 上下不间断滚动支持表格