Work around some mobile browser's 300ms delay on the click event.

Overview
Comments
  • Cannot read property '0' of undefined

    Cannot read property '0' of undefined

    Attempting to use $.Fastclick to improve the clickspeed on existing links on a HTC desire android 2.2 with the stock browser

    $('a, button').fastClick(function() { alert('clicked!'); });

    http://couch.arandomurl.com/couchtasks/_design/couchtasks/fastclick.html

    E/browser ( 936): Console: Uncaught TypeError: Cannot read property '0' of undefined http://couch.arandomurl.com/couchtasks/_design/couchtasks/js/jQuery.fastClick.js:57

    switching to event.originalEvent.touches gives

    E/browser ( 936): Console: Uncaught TypeError: Cannot read property 'clientX' of undefined http://couch.arandomurl.com/couchtasks/_design/couchtasks/js/jQuery.fastClick.js:58

    tested with jquery-git and jquery-1.5.2

    opened by daleharvey 9
  • Break a doubleClick / doubleTap ?

    Break a doubleClick / doubleTap ?

    I somehow managed to make your plugin work with xui.js for the time being, and it definitely makes a web app more responsive then the click events.

    Everything seems to work great (week or so now) until you "double tap" something. Then all hell breaks loose. Granted, I think very few mobile users are 'double tapping' stuff to navigate around, but even an accidental double-tap can cause the links to break.

    I'm not even sure if "double tap" events exist in Webkit, so I'm not really sure what is causing the problem. Would setting the timeout on "preventghostClick" to a lower interval help?

    opened by tekmonk 5
  • this variable is Window object

    this variable is Window object

    $(".button").fastClick(function() { console.debug(this.toString()); }

    outputs [object Window], when it should output [object HtmlDivElement] (or whatever the button class is defined in). Any help would be appreciated.

    Thanks.

    opened by jnormore 4
  • uses existing onclick handlers, if available

    uses existing onclick handlers, if available

    hi there

    this is just a small change to get the existing onclick handlers handled by fastclick automatically, as somebody requested in issue #13. it still degrades to "normal/manual" mode gracefully.

    thanks

    btw. this is my first pull-request ever... please support me with some feedback if i'm doing anything the wrong way :)

    opened by sra448 3
  • Fix for IE7/8 addEventListener

    Fix for IE7/8 addEventListener

    Replace

    document.addEventListener('click', $.clickbuster.onClick, true);
    

    with

        if (document.addEventListener){
          document.addEventListener('click', $.clickbuster.onClick, true); 
        } else if (document.attachEvent){
          document.attachEvent('onclick', $.clickbuster.onClick);
        }
    
    opened by lyonlim 2
  • Fixed jQuery selector

    Fixed jQuery selector

    I used a incorrect jQuery selector last time which meant that touchmove events weren't caught and incorrectly triggered a click. This pull request fixes that.

    opened by KyleAMathews 2
  • Not working on mobile browsers

    Not working on mobile browsers

    Hi, I've used this 'plugin' to change my chain of events from the browser version of my website. When I test the website using chrome's developper tools and simulating mobile devices, it works like a charm. However, when I view the website on any mobile device on any browser, the click/touch event doesn't seem to get registered. Here is the website link: http://aquaterratest.azurewebsites.net/

    opened by YiuriV 0
  • Using fastClick method in events object in Backbone-Mobile-App

    Using fastClick method in events object in Backbone-Mobile-App

    I have a Backbone app that uses rails API for the CRUD operations that it performs. Backbone views have events object that accepts event, selector and callback function like following:

    window.fooView = Backbone.View.extend({ events: { 'click #back_btn': 'fooCallBackFunction' }, fooCallBackFunction: function() { // callback function } });

    Now, I tried changing the first parameter, click to fastClick but it wouldn't work. What would I have to do to make this work?

    opened by vinodsobale 0
  • Double fires on 1 touch in android browsers

    Double fires on 1 touch in android browsers

    At first it was working ok, but today I noticed it double firing the even on one touch. Sometimes this effect is even when I use chrome emulator on desktop computer.

    opened by Darius-orakulas 0
  • Dynamically added elements

    Dynamically added elements

    jQuery allows the .live and .on functions for dynamically added elements to the DOM.

    How can i use this ability with .fastClick? It doesn't seem to work out of the box. I will make a small donation for a fix :-)

    opened by ashconnell 1
  • force default click behaviour on desktop browsers

    force default click behaviour on desktop browsers

    When optimizing webstuff for mobile, we need to get around the 300ms delay by adding fastclick to our buttons. When the same page gets viewed on a desktop browser usually onclick handlers work better, because they are not selecting any text when pressing multiple times (desktop browsers interpret this as doubleclick to select text near the cursor).

    opened by sra448 1
  • reassigning fastclick doesnt override old handler

    reassigning fastclick doesnt override old handler

    hi there

    when I have a button that I have a fastclick handler on, and I try to assign a new handler to it, the old one will remain and FastButtons onclick method will trigger twice (the old one and the new one).

    This is because we don't unbind the old events when binding new ones. To solve this, we could either just unbind everything from the button before binding again or on the other hand, we might make some sort of .on .off behaviour to it.

    what do you think?

    opened by sra448 1
Owner
Dave Hulbert
Dave Hulbert
io-ts Typed Event Bus for the runtime of your Node.js application. A core for any event-driven architecture based app.

Typed Event Bus Based on io-ts types, this bus provides a handy interface to publish and consume events in the current runtime of the Node.js process.

Konstantin Knyazev 3 May 23, 2022
'event-driven' library aims to simplify building backends in an event driven style

'event-driven' library aims to simplify building backends in an event driven style(event driven architecture). For message broker, light weight Redis Stream is used and for event store, the well known NoSQL database, MongoDB, is used.

Sihoon Kim 11 Jan 4, 2023
Polyfill to remove click delays on browsers with touch UIs

FastClick FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile

FT Labs 18.8k Jan 2, 2023
Event scheduler is a simple app for viewing the events happening around you

Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components

Anselem Odimegwu 3 Mar 29, 2022
Javascript client for Sanity. Works in node.js and modern browsers (older browsers needs a Promise polyfill).

@sanity/client Javascript client for Sanity. Works in node.js and modern browsers (older browsers needs a Promise polyfill). Requirements Sanity Clien

Sanity 23 Nov 29, 2022
This package generates a unique ID/String for different browsers. Like chrome, Firefox and any other browsers which supports canvas and audio Fingerprinting.

Broprint.js The world's easiest, smallest and powerful visitor identifier for browsers. This package generates a unique ID/String for different browse

Rajesh Royal 68 Dec 25, 2022
Just some burds, jumpin' around in their own little world.

burds! ?? burds! is a weekend hack inspired by this fabulous tweet. It's a little web experiment with tiny animated birds jumping around their tiny li

Linus Lee 60 Dec 1, 2022
A JavaScript Library To Make Your Work Work Easier/Faster

Functionalty.js (beta) About ✍️ This Is A JavaScript Library To Make Your Work Easier/Faster, You Can See Functionalty.js Website From Here Project Cr

Ali-Eldeba 16 Aug 30, 2022
A JavaScript Library To Make Your Work Work Easier/Faster

Functionality.js (beta) About ✍️ This Is A JavaScript Library To Make Your Work Easier/Faster, You Can See Functionalty.js Website From Here Project C

Ali-Eldeba 9 May 25, 2022
A JavaScript Library To Make Your Work Work Easier/Faster

Functionality.js About ✍️ This Is A JavaScript Library To Make Your Work Easier/Faster, You Can See Functionalty.js Website From Here Project Created

functionality 16 Jun 23, 2022
Console for mobile browsers

中文 Eruda Console for Mobile Browsers. Demo Browse it on your phone: https://eruda.liriliri.io/ In order to try it for different sites, execute the scr

LiriLiri 13.4k Jan 1, 2023
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser - HTML5 Game Framework Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop a

Richard Davey 33.4k Jan 7, 2023
A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ💯

A simple react project that contain a single page application (SPA) And a simple caculator to make some calculation and there is a section you can see some Math quotes. Ⓜ??

Reem janina 7 May 31, 2022
This Repo Contains projects that demonstrate some concepts / algorithms / implemetation in some form of digital visualisation

Hacktoberfest 2022 OPEN FIRST Pull Request - GET STARTED WITH OPENSOURCE AND WIN SOME AWWSOME SWAGS ?? Contributors of Hacktoberfest 2022 This project

null 5 Nov 7, 2022
This is an application that entered the market with a mobile application in real life. We wrote the backend side with node.js and the mobile side with flutter.

HAUSE TAXI API Get Started Must be installed on your computer Git Node Firebase Database Config You should read this easy documentation Firebase-Fires

Muhammet Çokyaman 4 Nov 4, 2021
Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App

iSlider iSlider is a lightweight, high-performant, no library dependencies cross-platform slide controller. It can help handling most sliding effects,

Baidu BEFE 1.7k Nov 25, 2022
Chrome extension to simulate cryptoblades fights, giving you the win rate % against all enemies with just one click

CryptoBlades fight simulator This is a Chrome extension that will help you to know the exact win rate percentage you have on each cryptoblades fight.

Jose Leonardo Dos Ramos Rivas 12 Aug 7, 2022
⚡Chrome extension allows you to create lists of Google and Github dork to open multiple tabs with one click, import "scope/out of scope" from #HackerOne #Bugcrowd #Intigriti ...

FastDork v0.1 This chrome extension allows you to create lists of Google and Github dork to open multiple tabs with one click, import "scope/out of sc

skvndr 74 Dec 31, 2022
click your any waifu, or...... friend?

popwaifu Here is popwaifu.click backend project. Frontend project is on popwaifu-web run server Install Node.js I use 14.17.6 when writing this, recom

null 19 Feb 17, 2022