Có cách nào mà sự kiện bắt đầu chạm sẽ không kích hoạt sự kiện nhấp chuột không?

Question

Khi khách truy cập nhấp chuột trên hình ảnh, sự kiện click sẽ được kích hoạt. Tuy nhiên, khi ai đó chạm vào hình ảnh, cùng một sự kiện click sẽ được kích hoạt, ngay cả khi sự kiện touchstart cũng có sẵn.

Tôi thích một hành vi khác cho sự kiện nhấp chuột (chuột) thực tế và sự kiện chạm. Điều kỳ lạ là, ngay cả một sự kiện mouseup được kích hoạt khi được sử dụng trên điện thoại thông minh. Có anyway bạn có thể tách chuột từ các sự kiện liên lạc?

Answer 1

event.preventDefault(); 

Bí quyết, hy vọng điều này sẽ giúp mọi người!

Answer 2

bạn có thể bình thường hóa một sự kiện ..

Xem câu trả lời của tôi cho câu hỏi này:

Click event called twice on touchend in iPad

Bạn cũng có thể tìm trong các mã nguồn di động jQuery để tìm nguồn cảm hứng: http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js Bắt đầu tại dòng 982

/* 
* "events" plugin - Handles events 
*/ 

(function($, window, undefined) { 

// add new event shortcuts 
$.each(("touchstart touchmove touchend orientationchange throttledresize " + 
        "tap taphold swipe swipeleft swiperight scrollstart scrollstop").split(" "), function(i, name) { 

    $.fn[ name ] = function(fn) { 
     return fn ? this.bind(name, fn) : this.trigger(name); 
    }; 

    $.attrFn[ name ] = true; 
}); 
.... 

Nhìn vào sự kiện nhấn: (dòng 1049)

$.event.special.tap = { 

Answer 3

Đó là một cách phức tạp để ngăn nhấp sau khi chạm vào. Các nhấp chuột mà tuyên truyền sau khi touchstart được gọi là ma nhấp chuột.

Google đã triển khai giải pháp. Ở đây bạn đi ..

http://code.google.com/mobile/articles/fast_buttons.html#ghost