jQuery 1.7 clientX/pageX undefined

Question

Tôi sử dụng jQuery và có thể kéo từ jqueryUI. Khi tôi cập nhật jQuery từ 1,6 đến 1,7 thuộc tính clientX và pageX biến mất khỏi biến sự kiện. Dưới đây là một ví dụ:

http://jsbin.com/ezulas/7/edit

Nếu trong ví dụ cho jQuery phiên bản được thay đổi để 1.6.4 - nó bắt đầu làm việc. Với bản phát hành mới nhất - cả clientX/Y và pageX/Y đều không hoạt động. Tôi phát hiện ra tôi có thể sử dụng e = e.originalEvent - nhưng điều đó dường như không phải là giải pháp thích hợp.

Answer 1

event.layerX và event.layerY: Chúng tôi đã xóa các thuộc tính phi tiêu chuẩn này trong phiên bản 1.7. Mặc dù thông thường chúng tôi đã đi thông qua khoảng thời gian thông báo không dùng nữa cho các phiên bản này, phiên bản Chrome 16 sẽ tạo ra một loạt thông báo cảnh báo trên bảng điều khiển trên trang. Do điều này, chúng tôi đã quyết định xóa chúng ngay lập tức. Trên các nền tảng vẫn còn hỗ trợ các thuộc tính này, chúng có sẵn thông qua sự kiện.originalEvent.layerX và event.originalEvent.layerY.

Nguồn: http://blog.jquery.com/2011/11/03/jquery-1-7-released/

Khi bạn console.log(e); bên trong xử lý sự kiện dragstop của bạn, bạn có thể thấy rằng tất cả các x/y phối hợp dữ liệu là mất tích trong jQuery 1,7; nhưng nó có thể được truy cập trong event.originalEvent.

CẬP NHẬT

Nếu bạn nhìn xung quanh trong đối tượng event bạn có thể tìm pageX/pageY trong origionalEvent tài sản:

$('#test').html(e.originalEvent.pageX+','+e.originalEvent.pageY); 

Dưới đây là một phiên bản cập nhật của jsbin của bạn: http://jsbin.com/ezulas/13/edit

Answer 2

Trong tài liệu jQuery cho Event Object, nó cho biết

Các thuộc tính sau cũng được sao chép vào đối tượng sự kiện, mặc dù một số các giá trị của họ có thể không xác định tùy thuộc vào sự kiện:

altKey, bong bóng, nút, hủy ngang, charCode, clientX, clientY, ctrlKey, currentTarget , dữ liệu, chi tiết, eventPhase, metaKey, OffsetX, OffsetY, originalTarget, Trang X, Y, prevValue, relatedTarget, screenX, Screeny, shiftKey, mục tiêu, quan điểm, mà

mà dường như để phù hợp với những gì bạn đang nói. Trong tình huống sự kiện của bạn không có pageX và pageY được xác định.

Answer 3

Tôi đã gặp vấn đề tương tự và đã tìm kiếm các chủ đề tương tự trong một thời gian dài. Nó bây giờ là khá muộn, nhưng tôi hy vọng điều này sẽ vẫn tiết kiệm một số coders hạnh phúc từ tuyệt vọng. Tôi đã kiểm tra tệp jQuery UI Touch Punch mà tôi cũng đang sử dụng trong dự án của mình và tìm thấy cách nó đề cập đến vị trí x/y. Đây là những gì cuối cùng làm việc cho tôi:

$('.pages').on('touchstart vmousedown', function(e){ 
    var this_event_touch_start_Y = e.originalEvent.changedTouches[0].clientY; 
    var this_event_touch_start_X = e.originalEvent.changedTouches[0].clientX; 
}); 

Để tham khảo, đây là một danh sách tất cả các file jQuery Tôi đang sử dụng:

• jquery-3.1.1.min.js
• jquery. touchSwipe.min.js
• jquery-ui.min.js
• jquery.ui.touch-punch.min.js
• jquery.mobile-1.4.5.min.js