js鼠标略过自动选择当前行
效果图:
相关代码:
<!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>