Kịch bản sau: Khi chọn văn bản trên iOS Safari (cho phép giả sử trang html "bình thường"), lớp phủ màu xanh xuất hiện, cho biết bạn đã chọn một đoạn cụ thể. Hơn nữa, bạn có thể thay đổi lựa chọn đó, để sửa vùng chọn ban đầu của bạn. Tôi quan tâm đến việc nắm bắt chính xác sự kiện đó, khi thay đổi khu vực lựa chọn được thực hiện. Có thể (khi có, làm thế nào?) Để bắt một sự kiện như vậy trong Javascript? Thx trước.Làm thế nào để nắm bắt sự kiện iOS Safari về thay đổi lựa chọn văn bản trong Javascript?
7
A
Trả lời
13
Mobile Safari hỗ trợ sự kiện selectionchange
, mà cháy trên Document
nút:
document.addEventListener("selectionchange", function() {
alert("Selection changed!");
}, false);
3
tôi đã tìm thấy rằng sự kiện này bắn nhiều lần ngay cả trên một vùng chọn từ duy nhất (với một vòi nước), và tất nhiên nó sẽ kích hoạt khi bạn kéo các lựa chọn xử lý ...
Tôi đã tạo một giải pháp nhỏ để chỉ nhận được sự kiện kết thúc lựa chọn văn bản.
bạn có thể nhìn thấy nó đây: End of text selection event?
hoặc trong một bài nhỏ trên blog của tôi : http://www.dimshik.com/end-of-text-selection-event-on-ios-workaround/
Các vấn đề liên quan
- 1. sự kiện lựa chọn văn bản javascript
- 2. Sự kiện cho thay đổi văn bản
- 3. Sự kiện thay đổi lựa chọn hàng lưới Kendo?
- 4. Sự kiện thay đổi văn bản Backbone.js
- 5. Sự kiện đã thay đổi lựa chọn bằng MVVM
- 6. lựa chọn thay thế JavaScript
- 7. sự kiện trả về văn bản đầu vào trong Meteor
- 8. JavaScript: Làm thế nào để mô phỏng sự kiện thay đổi trong internet explorer (đoàn)
- 9. Sử dụng Javascript để chọn văn bản đã chọn trong Mobile Safari
- 10. Sự kiện hộp văn bản Javascript
- 11. Làm cách nào để vô hiệu hóa lựa chọn văn bản tạm thời bằng JavaScript?
- 12. Lựa chọn thay thế cho Điều kiện
- 13. Làm thế nào để ngăn chặn sự kích đúp vào chọn văn bản trong javascript
- 14. Lựa chọn thay thế để sử dụng văn bản() để thêm văn bản vào một ô
- 15. Thay đổi màu lựa chọn
- 16. Làm thế nào để hỗ trợ nhiều lựa chọn văn bản qua trình duyệt?
- 17. Tắt lựa chọn văn bản trong Chrome
- 18. Làm thế nào để thay đổi văn bản trong datepicker?
- 19. Làm thế nào để bắt chước sự kiện onBlur của JavaScript trong Windows Forms?
- 20. Nhãn trên sự kiện thay đổi văn bản
- 21. Làm cách nào để nắm bắt sự kiện "kết thúc phản hồi" trong node.js + express?
- 22. PropertyGrid lựa chọn thay thế
- 23. Cách phát hiện sự kiện thay đổi hộp văn bản từ javascript
- 24. Thay đổi màu văn bản trong các hộp CHỌN
- 25. Sự kiện thay đổi thuộc tính javascript
- 26. lựa chọn thay thế để REPLACE trên văn bản hoặc datatype ntext
- 27. Sự kiện chọn Jquery
- 28. Làm thế nào để phát hiện chế độ nguồn ckeditor về sự kiện thay đổi
- 29. Làm cách nào để phát hiện thay đổi lựa chọn CListCtrl?
- 30. Thay đổi hộp văn bản tùy thuộc vào lựa chọn tham số boolean trong SSRS
Cảm ơn bạn. selectionchange đã làm các trick! Thật không may, nó không mang bất kỳ thông tin nào về bản thân lựa chọn, đúng không? Ví dụ: khi kiểm tra sự kiện chạm, tôi có thể tìm thấy thông tin hữu ích về tọa độ x/y hoặc phạm vi lựa chọn. – Marco
@Marco: Lựa chọn có thể truy cập thông qua 'window.getSelection()' và được cập nhật vào lúc 'selectionchange' kích hoạt. –