Selection.addRange() bị phản đối và sẽ bị xoá khỏi Chrome

Question

thời gian gần đây tôi nhận thấy thông báo sau trong giao diện điều khiển đăng nhập chrome, trong khi sử dụng aloha editor:

aloha.js: 14.579 - Các hành vi mà Selection.addRange () hợp nhất Phạm vi hiện tại và Phạm vi được chỉ định không còn được dùng nữa và sẽ bị xóa trong M58, khoảng tháng 4 năm 2017. Xem https://www.chromestatus.com/features/6680566019653632 để biết thêm chi tiết.

Trong khi tìm cách thay thế, tôi không thể tìm thấy bất cứ thứ gì ngoài việc chúng loại bỏ nó, vì vậy tôi muốn biết các lựa chọn thay thế cho Selection.addRange() để loại bỏ thông điệp này là gì .

Answer 1

Bí quyết là sử dụng removeAllRanges() trên lựa chọn của bạn trước khi thêm dải ô mới bằng cách sử dụng addRange(range). Dưới đây là ví dụ khi sử dụng nó để chọn tất cả nội dung của elem:

selection = window.getSelection(); // Save the selection. 
range = document.createRange(); 
range.selectNodeContents(elem); 
selection.removeAllRanges();   // Remove all ranges from the selection. 
selection.addRange(range);   // Add the new range.