เหตุการณ์ onselect

เหตุการณ์ DOM องค์ประกอบ Event

คำอธิบายและวิธีใช้

เหตุการณ์ onselect จะเกิดขึ้นหลังจากข้อความในตัวแทนถูกเลือก

เหตุการณ์ onselect ใช้กับตัวแทน <input type="text"> หรือ <textarea> มากที่สุด。

ตัวอย่าง

ตัวอย่าง 1

ปฏิบัติการ JavaScript ขณะเลือกข้อความ：

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

ลองด้วยตัวเอง

ตัวอย่าง 2

ใช้วิธีการ select() ของตัวแทน Input Text ใน HTML DOM ในการเลือกข้อความบางส่วนของช่องข้อมูล。เมื่อเกิดเหตุการณ์นี้ขึ้นจะกระตุ้นเหตุการณ์ 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

การสนับสนุนเบราเซอร์

การสนับสนุนเหตุการณ์ Chrome IE Firefox Safari Opera
onselect การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน
เหตุการณ์ DOM องค์ประกอบ Event