DOM select 事件

版权声明:本文为博主原创文章,未经博主允许不得转载。 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>

猜你喜欢

转载自blog.csdn.net/hsl0530hsl/article/details/88316470