มีฟังก์ชั่นในจาวาสคริปต์เพื่อยกเลิกการเลือกข้อความที่เลือกทั้งหมดหรือไม่ ฉันคิดว่ามันต้องเป็นฟังก์ชันระดับโลกอย่างง่ายเช่นdocument.body.deselectAll();
หรืออะไรสักอย่าง
มีฟังก์ชั่นในจาวาสคริปต์เพื่อยกเลิกการเลือกข้อความที่เลือกทั้งหมดหรือไม่ ฉันคิดว่ามันต้องเป็นฟังก์ชันระดับโลกอย่างง่ายเช่นdocument.body.deselectAll();
หรืออะไรสักอย่าง
คำตอบ:
ลองสิ่งนี้:
function clearSelection()
{
if (window.getSelection) {window.getSelection().removeAllRanges();}
else if (document.selection) {document.selection.empty();}
}
การดำเนินการนี้จะล้างการเลือกในเนื้อหา HTML ปกติในเบราว์เซอร์หลัก ๆ จะไม่ล้างสิ่งที่เลือกในการป้อนข้อความหรือ<textarea>
ใน Firefox
removeAllRanges()
วิธีการทำงานในเบราว์เซอร์ในปัจจุบันทั้งหมดสำหรับข้อความภายในย่อหน้าหรือองค์ประกอบที่ไม่ใช่รูปแบบสาขาที่คล้ายกัน สำหรับ form-fields (เช่น textarea) วิธีนี้ใช้ไม่ได้ใน IE9 และ FF5
window.getSelection().removeAllRanges();
ก่อนเนื่องจากเป็นไปตามมาตรฐานรหัสกรรมสิทธิ์ควรถูกเรียกใช้ครั้งสุดท้ายเสมอ ไม่ว่าจะเป็นรหัสที่เป็นไปตามมาตรฐานปี 2004 หรือ 4004 ในท้ายที่สุดจะเป็นสิ่งที่เราใช้เสมอดังนั้นให้ตรวจจับก่อนโดยไม่มีข้อยกเว้น!
นี่คือเวอร์ชันที่จะล้างการเลือกใด ๆ รวมถึงภายในอินพุตข้อความและพื้นที่ข้อความ:
การสาธิต: http://jsfiddle.net/SLQpM/23/
function clearSelection() {
var sel;
if ( (sel = document.selection) && sel.empty ) {
sel.empty();
} else {
if (window.getSelection) {
window.getSelection().removeAllRanges();
}
var activeEl = document.activeElement;
if (activeEl) {
var tagName = activeEl.nodeName.toLowerCase();
if ( tagName == "textarea" ||
(tagName == "input" && activeEl.type == "text") ) {
// Collapse the selection to the end
activeEl.selectionStart = activeEl.selectionEnd;
}
}
}
}
<div>
แล้วmouseup
เหตุการณ์ไม่ได้เกิดไฟไหม้ ใส่ตัวจัดการเมาส์บนเอกสารแทนและมันจะดี: jsfiddle.net/SLQpM/23
สำหรับ Internet Explorer คุณสามารถใช้วิธีการว่างของวัตถุ document.selection:
document.selection.empty ();
สำหรับโซลูชันข้ามเบราว์เซอร์โปรดดูคำตอบนี้:
document.selection.clear()
งานได้เฉพาะใน IE ดูที่นี่: jsfiddle.net/9spL8/4นอกจากนี้วิธีนี้จะลบข้อความที่เลือกไม่ใช่แค่ยกเลิกการเลือก หากต้องการยกเลิกการเลือกข้อความให้ใช้document.selection.empty()
แทน
สำหรับtextarea
องค์ประกอบที่มีอักขระอย่างน้อย 10 ตัวต่อไปนี้จะทำการเลือกเล็กน้อยจากนั้นหนึ่งวินาทีครึ่งให้ยกเลิกการเลือก:
var t = document.getElementById('textarea_element');
t.focus();
t.selectionStart = 4;
t.selectionEnd = 8;
setTimeout(function()
{
t.selectionStart = 4;
t.selectionEnd = 4;
},1500);
สิ่งนี้ทำงานง่ายขึ้นอย่างไม่น่าเชื่อสำหรับฉัน ...
document.getSelection().collapseToEnd()
หรือ
document.getSelection().removeAllRanges()
เครดิต: https://riptutorial.com/javascript/example/9410/deselect-everything-that-is-selected
window.getSelection().removeAllRanges();
งานได้ในทุกเบราว์เซอร์ปัจจุบัน สาธิตสด: jsfiddle.net/hWMJT/1