DOM select 事件

最新推荐文章于 2021-08-10 14:58:09 发布

雾里看花叹朦胧

最新推荐文章于 2021-08-10 14:58:09 发布

阅读量845

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html5 文章标签： input textarea select事件选中文本 selectionStart

本文链接：https://blog.youkuaiyun.com/hsl0530hsl/article/details/88316470

html5 专栏收录该内容

16 篇文章

订阅专栏

DOM的select事件在input、textarea或select元素中选中文本时触发。通过event.target对象，可以获取到selectionDirection、selectionEnd、selectionStart属性，以及value，来了解选中的文本信息。此事件为开发者提供了处理文本选择行为的便利。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>