版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hsl0530hsl/article/details/88316470
select事件当在<input>、<textarea>
里面选中文本时触发。
选中的文本可以通过 event.target 元素的 selectionDirection、selectionEnd、selectionStart 和 value 属性拿到。
示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DOM Select Event</title>
</head>
<body>
<label for="text">Select Me:</label><input type="text" id="text" value="Select me!">
<script>
var text = document.querySelector("#text");
text.addEventListener("select", function (e) {
console.log(e.target.selectionDirection, e.target.selectionEnd, e.target.selectionStart, e.target.value);
//backward 10 0 Select me!
})
</script>
</body>
</html>