onselect 事件

DOM 事件 Event 對象

定義和用法

onselect 事件發生在元素中的文本被選中之后。

onselect 事件主要用于 <input type="text"> 或 <textarea> 元素。

實例

例子 1

當文本被選中時執行 JavaScript：

<input type="text" onselect="myFunction()">

親自試一試

例子 2

使用 HTML DOM Input Text 對象的 select() 方法來選擇文本字段的某些內容。發生這種情況時，會觸發 onselect 事件，這將觸發 alert 函數。

// 選擇文本字段的內容
function mySelectFunction() {
  document.getElementById("myText").select();
}
// 當文本字段中的文本被選中時提示一些文本
function myAlertFunction() {
  alert("You selected some text!");
}

親自試一試

語法

在 HTML 中：

<element onselect="myScript">

親自試一試

在 JavaScript 中：

object.onselect = function(){myScript};

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("select", myScript);

親自試一試

注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技術細節

冒泡： 不支持
可取消： 不支持
事件類型： 如果從用戶界面生成，UiEvent。否則 Event。
支持的 HTML 標簽： <input type="file">, <input type="password">, <input type="text"> 以及 <textarea>
DOM 版本： Level 2 Events

瀏覽器支持

事件 Chrome IE Firefox Safari Opera
onselect 支持 支持 支持 支持 支持
DOM 事件 Event 對象