Làm cách nào để lấy tọa độ của phần cuối của văn bản đã chọn bằng javascript?

Question

Vấn đề của tôi tương tự như this, nhưng tôi cần một cách để có được tọa độ của phía bên phải của vùng chọn với Javascript trong Firefox. Tôi đã thực hiện một ví dụ nhỏ để hiển thị những gì tôi có nghĩa là:

Mã tôi nhận được từ các bài khác như sau:

var range = window.getSelection().getRangeAt(0); 
var dummy = document.createElement("span"); 
range.insertNode(dummy); 
var box = document.getBoxObjectFor(dummy); 
var x = box.x, y = box.y; 
dummy.parentNode.removeChild(dummy); 

này mang lại cho tôi tọa độ của đầu lựa chọn . Có cách nào để lấy lại tọa độ của phần cuối của vùng chọn không?

Answer 1

Có. Bit đó khá đơn giản: bạn chỉ cần gọi collapse(false) trên Phạm vi thu được từ vùng chọn. Hãy nhận biết rằng document.getBoxObjectFor() hiện đã được gỡ bỏ từ Mozilla, vì vậy bạn cần phương pháp nguyên tố giả của getBoundingClientRect() thay vì:

var range = window.getSelection().getRangeAt(0); 
range.collapse(false); 
var dummy = document.createElement("span"); 
range.insertNode(dummy); 
var rect = dummy.getBoundingClientRect(); 
var x = rect.left, y = rect.top; 
dummy.parentNode.removeChild(dummy); 

Answer 2

var r = range.cloneRange(); 
r.collapse(false); // collapses range clone to end of original range 
r.insertNode(dummy); 
// document.getBoxObjectFor(dummy), etc.