js鼠标略过自动选择当前行

柔情只为你懂 2023-10-04 08:34 6阅读 0赞

js鼠标略过自动选择当前行

效果图：

![20210317154722352.png][]

相关代码：

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>鼠标略过自动选择当前行</title>
    	</head>
    	<body>
    		<span style="text-align: left">
    			选择一：<span id="selectBtn01" onmouseover="selectText("selectBtn01");">69c5fcebaa65b560eaf06c3</span><br>
    			选择二：<span id="selectBtn02" onmouseover="selectText("selectBtn02");">10470c3b4b1fed12c3baac0</span><br>
    			选择三：<span id="selectBtn03" onmouseover="selectText("selectBtn03");">10470c3b4b1fed12c3baac0</span><br>
    			选择四：<span id="selectBtn04" onmouseover="selectText("selectBtn04");">10470c3b4b1fed12c3baac0</span><br>
    			选择五：<span id="selectBtn05" onmouseover="selectText("selectBtn05");">10470c3b4b1fed12c3baac0</span><br>
    		</span>
    	</body>
    	<script language="javascript" type="text/javascript">
    		function selectText(obj) {
    			var copyText = document.getElementById(obj);
    			var rangeObj = document.createRange();
    			rangeObj.selectNodeContents(copyText);
    			var selec = window.getSelection();
    			selec.removeAllRanges();
    			selec.addRange(rangeObj);
    		}
    	</script>
    </html>

[20210317154722352.png]: https://img-blog.csdnimg.cn/20210317154722352.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关 js鼠标略过自动选择当前行

js鼠标略过自动选择当前行效果图： ![20210317154722352.png][] 相关代码： <!DOCTYPE html> <html>

柔情只为你懂/ 2023年10月04日 08:34/ 0 赞/ 7 阅读

相关 js轻松搞定“获取table当前行，指定字段值“

js轻松搞定"获取table当前行，指定字段值" 1、第一步表头，每一个<td></td>标签中，用id声明字段值. ![在这里插入图片描述][0bac

清疚/ 2023年09月29日 16:46/ 0 赞/ 4 阅读

相关 el-table 设置当前行，按回车键自动选中下一行

<el-input id="insertInfoBcbd" v-model="insertInfoBcbd"></el-input> <el-table ref

妖狐艹你老母/ 2023年07月10日 15:36/ 0 赞/ 24 阅读

相关 html鼠标自动左右切换,鼠标hover时tab自动切换

tab是经常用到的一项技术，其原理并不难啊，过程大致可以分为三步： 1)获取导航区的标签并将其存放于一个数组中 2)获取显示区的标签并将其存放于另一数组中 3)事件处理：

淩亂°似流年/ 2022年10月06日 00:46/ 0 赞/ 262 阅读

相关 C语言，移动鼠标获得当鼠标当前位置坐标

C语言，移动鼠标获得当鼠标当前位置坐标，代码如下： / 功能： C语言，移动鼠标获得当鼠标当前位置坐标。 / inclu

拼搏现实的明天。/ 2022年08月20日 07:21/ 0 赞/ 345 阅读

相关奇淫技巧____关闭MyEclipse鼠标划过,自动提示功能

1.java->editor->hovers->去掉 combined hover 2.myeclipse->files and editors->common e

布满荆棘的人生/ 2022年06月08日 07:47/ 0 赞/ 189 阅读

相关 js鼠标跟随特效鼠标滑过出现小星星动画

页面代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

约定不等于承诺〃/ 2022年05月17日 20:04/ 0 赞/ 405 阅读

相关 x3dom:2.鼠标互动事件（鼠标略过高亮；鼠标点击换色）

很多时候，我们需要对模型元素（点线面实体）进行互动，例如装配体中的零件（实体）被选中，比如单纯的零件模型选中点线面，比如掠过点线面上应该有的高亮效果 ![\`][201904

系统管理员/ 2022年02月27日 02:42/ 0 赞/ 251 阅读

相关鼠标滑过显示

鼠标滑过显示，移开隐藏 div1{ width: 80%; height: 60px; position: ab

爱被打了一巴掌/ 2022年02月02日 04:34/ 0 赞/ 389 阅读

相关鼠标设置攻略

在日常工作和娱乐中，我们经常在日常工作和娱乐中，我们经常使用鼠标来进行定位操作；相对于通过键盘或指令来进行定位操作，鼠标为人们带来了诸多便利。然而，有些时候原先的鼠标设

古城微笑少年丶/ 2021年09月24日 15:28/ 0 赞/ 525 阅读