Databases
StackOverflow2013
Postsdbo
POIs it possible to intercept/override all click events in the page?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIs it possible to intercept/override all click events in the page?
    primarykey
    data
    text
    <p>I've written an html5 application which is supposed to work on mobile devices. 90% of the time it works fine however in certain devices (mostly androids 4.0+) the click events fire twice. </p> <p>I know why that happens, I'm using <a href="http://cubiq.org/iscroll-4" rel="nofollow noreferrer">iScroll 4</a> to simulate native scrolling and it handles the events that happen inside the scroll.(line 533 dispatches the event if you're interested) Most of the time it works fine but in certain devices both the iScroll dispatched event and the original onClick event attached to the element are fired, so the click happens twice. I can't find a pattern on which devices this happen so I'm looking for alternatives to prevent double clicks.</p> <p>I already came up with an ugly fix that solves the problem. I've wrapped all the clicks in a "handleClick" method, that is not allowed to run more often than 200ms. That became really tough to maintain. If I have dynamically generated content it becomes a huge mess and it gets worse when I try to pass objects as parameters. </p> <pre><code>var preventClick = false; function handleClick(myFunction){ if (preventClick) return; setTimeout(function(){preventClick = true;},200); myFunction.call(): } function myFunction(){ ... } &lt;div onclick='handleClick(myfunction)'&gt; click me &lt;/div&gt; </code></pre> <p>I've been trying to find a way to intercept all click events in the whole page, and there somehow work out if the event should be fired or not. Is it possible to do something like that?</p> <p>Set myFunction on click but before it's called, trigger <code>handleClick()</code>? I'm playing with <a href="https://stackoverflow.com/questions/9671995/javascript-custom-event-listener">custom events</a> at the moment, it's looking promising but I'd like to not have to change every event in the whole application.</p> <pre><code>&lt;div onclick='myfunction()'&gt; click me &lt;/div&gt; </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. UScaiocpricci2
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIs it possible to intercept/override all click events in the page?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POIs it possible to intercept/override all click events in the page?
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload