con trỏ-sự kiện: none VML giải pháp raphael

Question

tôi đã thực hiện pointer-events: none trên một yếu tố Raphael sử dụng jQuery như thế này:

var raphaelElement = Raphael.ellipse(x,y,w,h); 
$(raphaelElement.node).css({'pointer-events': 'none'}); 

này hoạt động tốt nhưng tất nhiên trong IE8, Raphael sử dụng VML thay vì SVG và giải pháp này không thành công .

Có ai có giải pháp khác về cơ bản làm cho yếu tố Raphael bỏ qua các sự kiện hay không.

Answer 1

Cách duy nhất để thực hiện tác phẩm này với IE8 (trở về trước) sẽ được thực sự bắt sự kiện này, và trong xử lý sự kiện:

2. ẩn phần tử (.style.display='none')
3. sử dụng phương pháp elementFromPoint() để tìm phần tử tiếp theo dưới 'bắt'
4. re-create and fire the event on that element (xem thêm this)
5. hiển thị catcher một lần nữa (.style.display='')

Cách tiếp cận chung này (trừ bước 3) đã được sử dụng trong hơn 10 năm trên IE để cho phép người dùng kéo một phần tử trực tiếp vào con trỏ trong khi vẫn phát hiện 'di chuột' của các phần tử thả xuống có thể có bên dưới.