ผู้ใช้ สไตล์เลือกคุณสมบัติ
ตัวอย่าง
ป้องกันการเลือกข้อความของ <div> องค์ประกอบ:
document.getElementById("myDiv").style.userSelect = "none";
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
ชุดคุณสมบัติ userSelect หรือส่งคืนว่าข้อความขององค์ประกอบสามารถเลือกได้หรือไม่
หากคุณดับเบิลคลิกที่ข้อความ ข้อความนั้นจะถูกเลือก/ไฮไลต์ สามารถใช้คุณสมบัตินี้เพื่อป้องกันสิ่งนี้
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่สนับสนุนคุณสมบัติอย่างสมบูรณ์
Numbers ตามด้วย Webkit, Moz หรือ O ระบุเวอร์ชันแรกที่ใช้งานได้กับคำนำหน้า
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
ไวยากรณ์
ส่งคืนคุณสมบัติ userSelect:
object.style.userSelect
ตั้งค่าคุณสมบัติ userSelect:
object.style.userSelect = "auto|none|text|all"
มูลค่าทรัพย์สิน
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
รายละเอียดทางเทคนิค
ค่าเริ่มต้น: | รถยนต์ |
---|---|
คืนมูลค่า: | สตริงที่แสดงว่าสามารถเลือกข้อความขององค์ประกอบได้หรือไม่ |
เวอร์ชัน CSS | CSS3 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับค่าคุณสมบัติ "user-select" ขององค์ประกอบ:
document.getElementById("demo").style.userSelect;
หน้าที่เกี่ยวข้อง
การอ้างอิง CSS: คุณสมบัติที่ผู้ใช้เลือก
❮ สไตล์วัตถุ