Question

There is a technique called duell and it is used for accessibility reasons in websites. It is used from people that can only move a device (i.e mouse.) and it works like this. On hover effect hovering lasts longer than lets se as an example 1 sec then the click function is triggered. I want to emulate this with jQuery for my button elements in my HTML.

Answer 1

(function() {
    var clearTimeout = function(b) {
      window.clearTimeout($(b).data("hoverTimer"));
    }
    $("button").hover(function() {
      var button = $(this);
      button.data("hoverTimer", window.setTimeout(function() {
        button.trigger("click");
      }, 1000));
    }, function() {
      clearTimeout(this)
    }).click(function() {
      clearTimeout(this)
    });
})();

Edited to avoid multiple clicks. (Thanks, Alnitak)