js自定义鼠标框选事件,并解决页面浮动鼠标变位情况

最新推荐文章于 2024-05-22 11:09:24 发布

yd009

最新推荐文章于 2024-05-22 11:09:24 发布

阅读量560

点赞数

分类专栏：鼠标框选 js 文章标签：自定义鼠标框选

本文链接：https://blog.csdn.net/qq_43394496/article/details/101093115

版权

自定义鼠标框选,解决页面浮动鼠标变位问题

<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="" rel="stylesheet" />
	</head>

	<body>
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
			//鼠标按下时的X Y坐标
			var mouseDownX;
			var mouseDownY;
			//鼠标按下时移动的X Y 坐标
			var mouseMoveX;
			var mouseMoveY;
			//移动的状态
			var isMove = false;
			/*初始化 选择框 */
			function init() {
				$("#selected").css("display", "none");
				$("#selected").css("top", "0");
				$("#selected").css("left", "0");
				$("#selected").css("width", "0");
				$("#selected").css("height", "0");
			}
			$(document).ready(function() {
				// init();
				var selectedTD = new Array(); //创建被选中表格数组
				var TD = $("td"); //获取所有表格信息
				for (var i = 0; i < TD.length; i++) {
					selectedTD.push(TD[i]);
				}
				console.log(selectedTD)
				$("#tableDiv").mousedown(function(event) {
					mouseDownX = event.pageX - $(this).offse

最低0.47元/天解锁文章

yd009

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js自定义鼠标框选事件,并解决页面浮动鼠标变位情况

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入<!d...
复制链接

扫一扫

专栏目录