JQuery实现shift键多选

这次封闭开发中因为台站选中的时候方便选择，需要通过shift键进行多选，找了网上很多关于多选复选反选的，大部分都是通过Checkbox方法实现的；下面的是具体的demo,别人已经实现了，按着自己的理解重写了一下，理解代码，毕竟js还得花大把时间仔细学习下。

<! DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"  >
</head>
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
var Click=new Array();function shift_select(){$(".select li").click(function (e){Click.push($(".select li").index($(this)))if(e.shiftKey){var iMin = Math.min(Click[Click.length-2],Click[Click.length-1])var iMax = Math.max(Click[Click.length-2],Click[Click.length-1])for(i=iMin;i<=iMax;i++){$(".select li:eq("+i+")").addClass("selected")  //为li 标签添加selected类}}else{$(this).toggleClass("selected");}});}$(function(){shift_select();});document.onselectstrat=function(event){   //避免文字被选中event = window.event||event;event.returnValue = false;}
</script>
<style>
.selected{background:#AAAAD8;}
li{cursor:pointer;background:tan;}
</style>
<body>
<div class="select">
<ul><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li><li>yanyan</li>
</ul>
</div>
</body>
</html>

JQuery实现shift键多选相关推荐

JavaScript实现shift键连续多选
1.HTML部分 <div class="inbox"><div class="item"><input type="c ...
Day10 -- JavaScript实现按下 Shift 键后进行多选操作的功能
实现效果需求分析通过shift键实现连续多选功能按下shift的同时点击A复选框,然后在点击B复选框,A,B之间的复选框都被勾选上或者是先点击A复选框,再按下shift键点击B复选框,A,B之 ...
shift键的十一个妙用
一.当你用QQ和别人聊天时,是不是有时信息发送的特别慢呀,不要紧,只要你发信息时按shift 键信息就会很快的发送出去的! 二.当你面对一大堆窗口,却要一个一个把它们关掉时.是不是很烦啊.只要你按sh ...
IntelliJ IDEA for Mac 如何取消双击shift键打开全局搜索弹窗
取消双击shift键打开全局搜索弹窗按Shift+cmd+A,打开如下图的搜索框: 输入Registry搜索后打开如下的窗口: 3. 找到"ide.suppress.double.clic ...
shift用计算机,电脑Shift键的妙用，你都了解吗？
原标题:电脑Shift键的妙用,你都了解吗? 1.取消"启动"的功能在开机进入Windows时,一直按住Shift键直到开机结束,那么启动项中的功能将失效.例如,你在开机时不想让 ...
计算机按键 shift的作用,电脑shift键的十一个妙用
现代社会电脑代替了以前的笔记,不管是什么都可以在电脑上搜索出来或者做出来,但是很多人用电脑,却不知道键盘上的快捷键用途,今天和脚本之家小编一起来看一下电脑shift键的十一个妙用吧. 电脑shift键 ...
Shift 键的一些技巧
1. 特性 1.1. 表示反向操作在一些快捷键上加上Shift键,可以表示原快捷键的反向操作,比如: Alt + Tab表示正向切换窗口,而 Shift +Alt + Tab 表示反向切换窗口 Ta ...
Altium Designer(AD20)画PCB时ctrl键、shift键、鼠标按键的妙用
ctrl键的妙用 1. 绘画窗口放大缩小按住ctrl键 + 滚动鼠标滚轮,滚前放大,滚后缩小 2. 高亮按住ctrl键 + 鼠标点击有网络信号的焊盘/过孔/线,便高亮该网络,其他网络变暗或消失取 ...
c语言中shift的作用,Shift是什么意思？Shift键的功能及作用有哪些？
电脑键盘上英文字母是按常用字母的使用率来进行排位的,把26个英文字母最常用的字母放到中间由最灵活的手指来按,但键盘除了字母键还有一些特殊键,例如:space空格键.Esc取消键,PageUP翻页键等, ...
shift键计算机功能,分享新手必会的快捷键：shift键的11个妙用！
原标题:分享新手必会的快捷键:shift键的11个妙用! 今天要和大家一起聊一下我们电脑键盘上那些关于shift键的事儿.提起电脑键盘上的shift键呐我相信大家一定很熟悉,因为在平常使用电脑的时候 ...

JQuery实现shift键多选

JQuery实现shift键多选相关推荐

最新文章

热门文章