Tôi đang làm việc trên một trang web di động phải hoạt động trên nhiều thiết bị. Người khiến tôi đau đầu nhất lúc này là BlackBerry.

Chúng tôi cần hỗ trợ cả nhấp chuột trên bàn phím cũng như các sự kiện chạm.

Lý tưởng nhất là tôi chỉ sử dụng:

$thing.click(function(){...})

nhưng vấn đề chúng ta gặp phải là một số thiết bị blackberry này có độ trễ rất khó chịu từ lúc chạm đến khi kích hoạt nó.

Biện pháp khắc phục là thay vì sử dụng touchstart:

$thing.bind('touchstart', function(event){...})

Nhưng làm thế nào để tôi ràng buộc cả hai sự kiện, nhưng chỉ bắn một sự kiện? Tôi vẫn cần sự kiện nhấp cho các thiết bị bàn phím, nhưng tất nhiên, không muốn sự kiện nhấp phát sinh nếu tôi đang sử dụng thiết bị cảm ứng.

Một câu hỏi về phần thưởng: Có cách nào để làm điều này và bổ sung các trình duyệt thậm chí không có sự kiện khởi động không? Trong nghiên cứu này, có vẻ như BlackBerry OS5 không hỗ trợ khởi động, do đó cũng cần phải dựa vào các sự kiện nhấp chuột cho trình duyệt đó.

ĐỊA CHỈ:

Có lẽ một câu hỏi toàn diện hơn là:

Với jQuery, có thể / được đề nghị xử lý cả tương tác chạm và tương tác chuột với cùng một ràng buộc không?

Lý tưởng nhất, câu trả lời là có. Nếu không, tôi có một số tùy chọn:

1) Chúng tôi sử dụng WURFL để lấy thông tin thiết bị để có thể tạo ma trận thiết bị của riêng mình. Tùy thuộc vào thiết bị, chúng tôi sẽ sử dụng touchstart HOẶC nhấp chuột.

2) Phát hiện hỗ trợ cảm ứng trong trình duyệt thông qua JS (Tôi cần thực hiện thêm một số nghiên cứu về điều đó, nhưng có vẻ như điều đó là có thể thực hiện được).

Tuy nhiên, điều đó vẫn để lại một vấn đề: những thiết bị hỗ trợ CẢ HAI thì sao. Một số điện thoại chúng tôi hỗ trợ (cụ thể là Nokias và BlackBerry) có cả màn hình cảm ứng và bàn phím. Vì vậy, kiểu đó đưa tôi trở lại vòng tròn đầy đủ cho câu hỏi ban đầu ... có cách nào để cho phép cả hai cùng một lúc không?

Cập nhật : Kiểm tra dự án Polyfill jQuery Con trỏ cho phép bạn liên kết với các sự kiện "con trỏ" thay vì chọn giữa chuột và chạm.

Liên kết với cả hai, nhưng tạo một cờ để chức năng chỉ kích hoạt một lần trên 100ms hoặc lâu hơn.

var flag = false;
$thing.bind('touchstart click', function(){
  if (!flag) {
    flag = true;
    setTimeout(function(){ flag = false; }, 100);
    // do something
  }

  return false
});

Đây là bản sửa lỗi mà tôi "tạo" và nó lấy ra GhostClick và thực hiện FastClick. Hãy tự mình thử và cho chúng tôi biết nếu nó hiệu quả với bạn.

$(document).on('touchstart click', '.myBtn', function(event){
        if(event.handled === false) return
        event.stopPropagation();
        event.preventDefault();
        event.handled = true;

        // Do your magic here

});

Bạn có thể thử một cái gì đó như thế này:

var clickEventType=((document.ontouchstart!==null)?'click':'touchstart');
$("#mylink").bind(clickEventType, myClickHandler);

Thông thường điều này cũng hoạt động:

$('#buttonId').on('touchstart click', function(e){
    e.stopPropagation(); e.preventDefault();
    //your code here

});

Chỉ cần thêm return false;vào cuối on("click touchstart")chức năng sự kiện có thể giải quyết vấn đề này.

$(this).on("click touchstart", function() {
  // Do things
  return false;
});

Từ tài liệu jQuery trên .on ()

Trở về falsetừ một trình xử lý sự kiện sẽ tự động gọi event.stopPropagation()và event.preventDefault(). Một falsegiá trị cũng có thể được truyền cho người xử lý như một cách viết tắt cho function(){ return false; }.

Tôi đã phải làm một cái gì đó tương tự. Đây là một phiên bản đơn giản hóa của những gì làm việc cho tôi. Nếu một sự kiện chạm được phát hiện, loại bỏ ràng buộc nhấp.

$thing.on('touchstart click', function(event){
  if (event.type == "touchstart")
    $(this).off('click');

  //your code here
});

Trong trường hợp của tôi, sự kiện nhấp được liên kết với một <a>phần tử vì vậy tôi phải xóa liên kết nhấp và khởi động lại một sự kiện nhấp để ngăn hành động mặc định cho <a>phần tử.

$thing.on('touchstart click', function(event){
  if (event.type == "touchstart")
    $(this).off('click').on('click', function(e){ e.preventDefault(); });

  //your code here
});

Tôi đã thành công theo cách sau.

Dễ như ăn bánh...

$(this).on('touchstart click', function(e){
  e.preventDefault();
  //do your stuff here
});

Tôi tin rằng cách tốt nhất bây giờ là sử dụng:

$('#object').on('touchend mouseup', function () { });

cảm ứng

Sự kiện touchend được kích hoạt khi một điểm chạm được xóa khỏi bề mặt cảm ứng.

Sự kiện touchend sẽ không kích hoạt bất kỳ sự kiện chuột nào.

---

chuột

Sự kiện mouseup được gửi đến một phần tử khi con trỏ chuột ở trên phần tử và nút chuột được giải phóng. Bất kỳ yếu tố HTML nào cũng có thể nhận được sự kiện này.

Sự kiện mouseup sẽ không kích hoạt bất kỳ sự kiện chạm nào.

THÍ DỤ

$('#click').on('mouseup', function () { alert('Event detected'); });
$('#touch').on('touchend', function () { alert('Event detected'); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1 id="click">Click me</h1>
<h1 id="touch">Touch me</h1>

EDIT (2017)

Kể từ năm 2017, các trình duyệt bắt đầu với Chrome và thực hiện các bước để làm cho sự kiện nhấp .on("click")tương thích hơn cho cả chuột và chạm bằng cách loại bỏ độ trễ được tạo bởi các sự kiện nhấn vào yêu cầu nhấp.

Điều này dẫn đến kết luận rằng việc quay trở lại sử dụng chỉ sự kiện nhấp chuột sẽ là giải pháp đơn giản nhất tiến về phía trước.

Tôi chưa thực hiện bất kỳ thử nghiệm trình duyệt chéo nào để xem điều này có thực tế không.

Nói chung, bạn không muốn trộn api cảm ứng mặc định và không chạm (nhấp). Khi bạn di chuyển vào thế giới cảm ứng, sẽ dễ dàng hơn để đối phó với các chức năng liên quan đến cảm ứng. Dưới đây là một số mã giả sẽ làm những gì bạn muốn nó.

Nếu bạn kết nối trong sự kiện touchmove và theo dõi các vị trí, bạn có thể thêm nhiều mục trong chức năng doTouchLogic để phát hiện cử chỉ và không có gì.

var touchStartTime;
var touchStartLocation;
var touchEndTime;
var touchEndLocation;

$thing.bind('touchstart'), function() {
     var d = new Date();
     touchStartTime = d.getTime();
     touchStartLocation = mouse.location(x,y);
});

$thing.bind('touchend'), function() {
     var d = new Date();
     touchEndTime= d.getTime();
     touchEndLocation= mouse.location(x,y);
     doTouchLogic();
});

function doTouchLogic() {
     var distance = touchEndLocation - touchStartLocation;
     var duration = touchEndTime - touchStartTime;

     if (duration <= 100ms && distance <= 10px) {
          // Person tapped their finger (do click/tap stuff here)
     }
     if (duration > 100ms && distance <= 10px) {
          // Person pressed their finger (not a quick tap)
     }
     if (duration <= 100ms && distance > 10px) {
          // Person flicked their finger
     }
     if (duration > 100ms && distance > 10px) {
          // Person dragged their finger
     }
}

kiểm tra các nút nhanh và các lần nhấp chuột từ google https://developers.google.com/mobile/articles/fast_buttons

Chà ... Tất cả những thứ này đều siêu phức tạp.

Nếu bạn có Modernizr, đó là một việc không có trí tuệ.

ev = Modernizr.touch ? 'touchstart' : 'click';

$('#menu').on(ev, '[href="#open-menu"]', function(){
  //winning
});

Một thực hiện khác để bảo trì tốt hơn. Tuy nhiên, kỹ thuật này cũng sẽ làm event.stopPropagation (). Nhấp chuột không được bắt vào bất kỳ yếu tố nào khác đã nhấp trong 100ms.

var clickObject = {
    flag: false,
    isAlreadyClicked: function () {
        var wasClicked = clickObject.flag;
        clickObject.flag = true;
        setTimeout(function () { clickObject.flag = false; }, 100);
        return wasClicked;
    }
};

$("#myButton").bind("click touchstart", function (event) {
   if (!clickObject.isAlreadyClicked()) {
      ...
   }
}

Chỉ dành cho mục đích tài liệu, đây là những gì tôi đã thực hiện để nhấp nhanh nhất / phản hồi nhanh nhất trên máy tính để bàn / nhấn vào giải pháp di động mà tôi có thể nghĩ ra:

Tôi đã thay thế onchức năng của jQuery bằng một chức năng đã được sửa đổi, bất cứ khi nào trình duyệt hỗ trợ các sự kiện chạm, đã thay thế tất cả các sự kiện nhấp chuột của tôi bằng touchstart.

$.fn.extend({ _on: (function(){ return $.fn.on; })() });
$.fn.extend({
    on: (function(){
        var isTouchSupported = 'ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch;
        return function( types, selector, data, fn, one ) {
            if (typeof types == 'string' && isTouchSupported && !(types.match(/touch/gi))) types = types.replace(/click/gi, 'touchstart');
            return this._on( types, selector, data, fn);
        };
    }()),
});

Cách sử dụng sẽ giống hệt như trước đây, như:

$('#my-button').on('click', function(){ /* ... */ });

Nhưng nó sẽ sử dụng touchstart khi có sẵn, nhấp khi không. Không có sự chậm trễ của bất kỳ loại cần thiết: D

Tôi chỉ ontouchstartnảy ra ý tưởng để ghi nhớ nếu đã từng được kích hoạt. Trong trường hợp này, chúng tôi đang ở trên một thiết bị hỗ trợ nó và muốn bỏ qua onclicksự kiện này. Vì ontouchstartphải luôn được kích hoạt trước đó onclick , nên tôi đang sử dụng:

<script> touchAvailable = false; </script>
<button ontouchstart="touchAvailable=true; myFunction();" onclick="if(!touchAvailable) myFunction();">Button</button>

Bạn có thể thử như thế này:

var clickEvent = (('ontouchstart' in document.documentElement)?'touchstart':'click');
$("#mylink").on(clickEvent, myClickHandler);

Trong trường hợp của tôi, điều này làm việc hoàn hảo:

jQuery(document).on('mouseup keydown touchend', function (event) {
var eventType = event.type;
if (eventType == 'touchend') {
    jQuery(this).off('mouseup');
}
});

Vấn đề chính là khi thay vào đó tôi đã thử dùng clickup, trên các thiết bị cảm ứng đã kích hoạt nhấp và chạm vào cùng một lúc, nếu tôi sử dụng nhấp tắt, một số chức năng hoàn toàn không hoạt động trên thiết bị di động. Vấn đề với nhấp chuột là một sự kiện toàn cầu kích hoạt phần còn lại của sự kiện bao gồm cả touchend.

Điều này làm việc cho tôi, điện thoại di động lắng nghe cả hai, vì vậy hãy ngăn chặn một, đó là sự kiện cảm ứng. máy tính để bàn chỉ nghe chuột.

 $btnUp.bind('touchstart mousedown',function(e){
     e.preventDefault();

     if (e.type === 'touchstart') {
         return;
     }

     var val = _step( _options.arrowStep );
               _evt('Button', [val, true]);
  });

Đối với tôi là câu trả lời hay nhất mà Mottie đưa ra, tôi chỉ đang cố gắng làm cho mã của anh ta có thể tái sử dụng nhiều hơn, vì vậy đây là đóng góp của tôi:

bindBtn ("#loginbutton",loginAction);

function bindBtn(element,action){

var flag = false;
$(element).bind('touchstart click', function(e) {
    e.preventDefault();
    if (!flag) {
        flag = true;
        setTimeout(function() {
            flag = false;
        }, 100);
        // do something
        action();
    }
    return false;
});

Tôi cũng đang làm việc trên một ứng dụng web Android / iPad và dường như chỉ cần sử dụng "touchmove" là đủ để "di chuyển các thành phần" (không cần chạm vào). Bằng cách vô hiệu hóa touchstart, bạn có thể sử dụng .click (); từ jQuery. Nó thực sự hoạt động vì nó không bị quá tải bởi touchstart.

Cuối cùng, bạn có thể binb .live ("touchstart", function (e) {e.stopPropagation ();}); để yêu cầu sự kiện touchstart ngừng lan truyền, phòng khách nhấp () để được kích hoạt.

Nó làm việc cho tôi.

Có rất nhiều điều cần xem xét khi cố gắng giải quyết vấn đề này. Hầu hết các giải pháp đều dừng cuộn hoặc không xử lý các sự kiện nhấp chuột đúng cách.

Để biết giải pháp đầy đủ, hãy xem https://developers.google.com/mobile/articles/fast_buttons

Lưu ý: Bạn không thể xử lý các sự kiện nhấp chuột trên cơ sở từng yếu tố. Một nhấp chuột bị trì hoãn được kích hoạt bởi vị trí màn hình, vì vậy nếu các sự kiện chạm của bạn sửa đổi trang theo một cách nào đó, sự kiện nhấp sẽ được gửi đến phiên bản mới của trang.

Nó có thể có hiệu quả để gán cho các sự kiện 'touchstart mousedown'hoặc 'touchend mouseup'để tránh các tác dụng phụ không mong muốn của việc sử dụng click.

Lợi dụng thực tế là một nhấp chuột sẽ luôn theo dõi một sự kiện chạm, đây là những gì tôi đã làm để thoát khỏi "nhấp chuột ma" mà không phải sử dụng thời gian chờ hoặc cờ toàn cầu.

$('#buttonId').on('touchstart click', function(event){
    if ($(this).data("already")) {
        $(this).data("already", false);
        return false;
    } else if (event.type == "touchstart") {
        $(this).data("already", true);
    }
    //your code here
});

Về cơ bản bất cứ khi nào một ontouchstartsự kiện kích hoạt phần tử, một cờ một bộ và sau đó được gỡ bỏ (và bỏ qua), khi nhấp chuột đến.

Tại sao không sử dụng API sự kiện jQuery?

http://learn.jquery.com/events/event-extensions/

Tôi đã sử dụng sự kiện đơn giản này với thành công. Nó sạch sẽ, dễ nhận biết và đủ linh hoạt để cải thiện.

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
var eventType = isMobile ? "touchstart" : "click";

jQuery.event.special.touchclick = {
  bindType: eventType,
  delegateType: eventType
};

Nếu bạn đang sử dụng jQuery, những thứ sau đây hoạt động khá tốt đối với tôi:

var callback; // Initialize this to the function which needs to be called

$(target).on("click touchstart", selector, (function (func){
    var timer = 0;
    return function(e){
        if ($.now() - timer < 500) return false;
        timer = $.now();
        func(e);
    }
})(callback));

Các giải pháp khác cũng tốt nhưng tôi đã ràng buộc nhiều sự kiện trong một vòng lặp và cần chức năng tự gọi để tạo ra một bao đóng thích hợp. Ngoài ra, tôi không muốn vô hiệu hóa liên kết vì tôi muốn nó có thể được gọi vào lần nhấp / chạm tiếp theo.

Có thể giúp đỡ ai đó trong tình huống tương tự!

Đối với các tính năng đơn giản, chỉ cần nhận ra cảm ứng hoặc nhấp vào Tôi sử dụng mã sau đây:

var element = $("#element");

element.click(function(e)
{
  if(e.target.ontouchstart !== undefined)
  {
    console.log( "touch" );
    return;
  }
  console.log( "no touch" );
});

Điều này sẽ trả về "chạm" nếu sự kiện chạm bắt đầu được xác định và "không chạm" nếu không. Giống như tôi đã nói đây là một cách tiếp cận đơn giản cho các sự kiện click / tap chỉ vậy.

Tôi đang thử cái này và cho đến nay nó vẫn hoạt động (nhưng tôi chỉ có trên Android / Phonegap vì vậy hãy cẩn thận)

  function filterEvent( ob, ev ) {
      if (ev.type == "touchstart") {
          ob.off('click').on('click', function(e){ e.preventDefault(); });
      }
  }
  $('#keypad').on('touchstart click', '.number, .dot', function(event) {
      filterEvent( $('#keypad'), event );
      console.log( event.type );  // debugging only
           ... finish handling touch events...
  }

Tôi không thích thực tế là tôi đang xử lý lại các trình xử lý trên mỗi lần chạm, nhưng tất cả những điều được coi là chạm không xảy ra rất thường xuyên (trong thời gian máy tính!)

Tôi có một TẤN các trình xử lý như '#keypad' vì vậy có một chức năng đơn giản cho phép tôi xử lý vấn đề mà không cần quá nhiều mã là lý do tại sao tôi đi theo cách này.

Hãy thử sử dụng Virtual Mouse (vmouse) Bindingstừ jQuery Mobile. Đó là sự kiện ảo đặc biệt cho trường hợp của bạn:

$thing.on('vclick', function(event){ ... });

http://api.jquerymobile.com/vclick/

Danh sách hỗ trợ trình duyệt: http://jquerymobile.com/browser-support/1.4/

EDIT: Câu trả lời trước đây của tôi (dựa trên câu trả lời trong chủ đề này) không phải là cách phù hợp với tôi. Tôi muốn có một menu phụ để mở rộng khi nhập chuột hoặc chạm vào nhấp chuột và thu gọn khi rời chuột hoặc nhấp chuột cảm ứng khác. Vì các sự kiện chuột thường được kích hoạt sau các sự kiện chạm, nên thật khó để viết trình nghe sự kiện hỗ trợ cả màn hình cảm ứng và nhập chuột cùng một lúc.

Plugin jQuery: Chạm hoặc Chuột

Cuối cùng tôi đã viết một plugin jQuery có tên là " Touch Or Mouse " (897 byte được rút gọn) có thể phát hiện xem một sự kiện được gọi bằng màn hình cảm ứng hay chuột (mà không cần kiểm tra hỗ trợ cảm ứng!). Điều này cho phép hỗ trợ cả màn hình cảm ứng và chuột cùng một lúc và tách biệt hoàn toàn các sự kiện của chúng.

Bằng cách này, OP có thể sử dụng touchstarthoặc touchendphản ứng nhanh với các nhấp chuột chạm và clickcho các nhấp chuột chỉ được gọi bằng chuột.

Trình diễn

Đầu tiên phải làm cho tức là. các yếu tố cơ thể theo dõi các sự kiện chạm:

$(document.body).touchOrMouse('init');

Chuột sự kiện của chúng tôi bị ràng buộc với các yếu tố theo cách mặc định và bằng cách gọi, $body.touchOrMouse('get', e)chúng tôi có thể tìm hiểu xem sự kiện được gọi bằng màn hình cảm ứng hay chuột.

$('.link').click(function(e) {
  var touchOrMouse = $(document.body).touchOrMouse('get', e);

  if (touchOrMouse === 'touch') {
    // Handle touch click.
  }
  else if (touchOrMouse === 'mouse') {
    // Handle mouse click.
  }
}

Xem plugin tại nơi làm việc tại http://jsfiddle.net/lmeurs/uo4069nh .

Giải trình

1. Plugin này cần phải được gọi là tức là. phần tử cơ thể để theo dõi touchstartvà touchendcác sự kiện, theo cách này, touchendsự kiện này không phải được kích hoạt trên phần tử kích hoạt (ví dụ: một liên kết hoặc nút). Giữa hai sự kiện chạm này, plugin này xem xét bất kỳ sự kiện chuột nào được gọi bằng cảm ứng.
2. Các sự kiện chuột chỉ được kích hoạt sau touchendkhi sự kiện chuột được kích hoạt trong ghostEventDelay(tùy chọn, 1000ms theo mặc định) sau đó touchend, plugin này coi sự kiện chuột sẽ được gọi bằng cảm ứng.
3. Khi nhấp vào một yếu tố bằng màn hình cảm ứng, yếu tố đó sẽ đạt được :activetrạng thái. Sự mouseleavekiện chỉ được kích hoạt sau khi phần tử mất trạng thái này tức là. nhấp vào yếu tố khác. Vì đây có thể là vài giây (hoặc phút!) Sau khi mouseentersự kiện được kích hoạt, plugin này theo dõi mouseentersự kiện cuối cùng của một yếu tố : nếu mouseentersự kiện cuối cùng được gọi bằng cảm ứng, mouseleavesự kiện sau đây cũng được coi là được gọi bằng cảm ứng.

Đây là một cách đơn giản để làm điều đó:

// A very simple fast click implementation
$thing.on('click touchstart', function(e) {
  if (!$(document).data('trigger')) $(document).data('trigger', e.type);
  if (e.type===$(document).data('trigger')) {
    // Do your stuff here
  }
});

Về cơ bản, bạn lưu loại sự kiện đầu tiên được kích hoạt vào thuộc tính 'kích hoạt' trong đối tượng dữ liệu của jQuery được đính kèm với tài liệu gốc và chỉ thực hiện khi loại sự kiện bằng với giá trị trong 'kích hoạt'. Trên các thiết bị cảm ứng, chuỗi sự kiện có thể sẽ là 'chạm vào' theo sau là 'nhấp chuột'; tuy nhiên, trình xử lý 'nhấp chuột' sẽ không được thực thi vì "nhấp chuột" không khớp với loại sự kiện ban đầu được lưu trong 'kích hoạt' ("chạm vào").

Giả định và tôi tin rằng đó là một cách an toàn, đó là điện thoại thông minh của bạn sẽ không tự động thay đổi từ thiết bị cảm ứng sang thiết bị chuột, nếu không, vòi sẽ không đăng ký vì loại sự kiện 'kích hoạt' chỉ được lưu một lần mỗi lần tải trang và "nhấp chuột" sẽ không bao giờ khớp với "chạm".

Đây là một loại tiền mã hóa mà bạn có thể chơi xung quanh (thử nhấn vào nút trên thiết bị cảm ứng - không nên có độ trễ nhấp): http://codepen.io/thdoan/pen/xVVrOZ

Tôi cũng đã triển khai nó như một plugin jQuery đơn giản cũng hỗ trợ lọc hậu duệ của jQuery bằng cách chuyển một chuỗi bộ chọn:

// A very simple fast click plugin
// Syntax: .fastClick([selector,] handler)
$.fn.fastClick = function(arg1, arg2) {
  var selector, handler;
  switch (typeof arg1) {
    case 'function':
      selector = null;
      handler = arg1;
      break;
    case 'string':
      selector = arg1;
      if (typeof arg2==='function') handler = arg2;
      else return;
      break;
    default:
      return;
  }
  this.on('click touchstart', selector, function(e) {
    if (!$(document).data('trigger')) $(document).data('trigger', e.type);
    if (e.type===$(document).data('trigger')) handler.apply(this, arguments);
  });
};

Codepen: http://codepen.io/thdoan/pen/GZrBdo/

Phương pháp tốt nhất tôi đã tìm thấy là viết sự kiện chạm và yêu cầu sự kiện đó gọi sự kiện nhấp bình thường theo chương trình. Bằng cách này, bạn có tất cả các sự kiện nhấp bình thường và sau đó bạn chỉ cần thêm một trình xử lý sự kiện cho tất cả các sự kiện chạm. Đối với mọi nút bạn muốn làm cho có thể chạm được, chỉ cần thêm lớp "có thể chạm" vào nó để gọi trình xử lý cảm ứng. Với Jquery, nó hoạt động như vậy với một số logic để đảm bảo rằng đó là một sự kiện chạm thực sự và không phải là một dương tính giả.

$("body").on("touchstart", ".touchable", function() { //make touchable  items fire like a click event
var d1 = new Date();
var n1 = d1.getTime();
setTimeout(function() {
    $(".touchable").on("touchend", function(event) {
        var d2 = new Date();
        var n2 = d2.getTime();
        if (n2 - n1 <= 300) {
            $(event.target).trigger("click"); //dont do the action here just call real click handler
        }
    });
}, 50)}).on("click", "#myelement", function() {
//all the behavior i originally wanted
});