Databases
StackOverflow2013
Postsdbo
POPrevent child's onclick after mouseup on parent?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POPrevent child's onclick after mouseup on parent?
    primarykey
    data
    text
    <p>I have a parent element with <code>mouse up</code> and <code>mouse down</code> events attached on it, and a child element with a <code>click</code> event attached. </p> <p>Is there any way to prevent the <code>click</code> event from happening in the child, after the <code>mouseup</code> event has been triggered in the parent?</p> <p>An example, on the <a href="http://jsfiddle.net/6gw4x/28/" rel="nofollow">JSfiddle here</a>, the goal is to make the inner square not turn to green if I click on it.</p> <p>Ideally I would like to do it without modifying the <code>$('#inner').on('click', function(){})</code>. I already know that I can set a boolean on <code>mouseup</code> and check it on <code>click</code> but i'm trying to find a way to do it without modifying the click event.</p> <p>Using jquery(or any other library) is option and I don't really have any restrictions other than not modifying the <code>click</code> method.</p> <p><strong>EDIT</strong></p> <p>Thanks @adeneo for the suggestion, that looks promising but it made me realize I missed a big part of the problem. Inside <code>mouseup</code> there will be a conditional check to see if the click should be prevented or not. If I remove the event can I somehow add it back after the click has been avoided? In a <code>setTimeout</code> for example. I'm not sure how(or if it's possible) to get the reference to the removed <code>click</code> function and then re-add the handler. </p> <p>Hopefully this <a href="http://jsfiddle.net/6gw4x/31/" rel="nofollow">new fiddle here</a> helps me to explain it a little bit better! </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. UScaiocpricci2
    1. UScaiocpricci2
    plurals
    1. This table or related slice is empty.
    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
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POPrevent child's onclick after mouseup on parent?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou can't disable the click event handler without modifying it. Once the mouseup fires you have to use off() to remove the event handler ?
      singulars
      1. POPrevent child's onclick after mouseup on parent?
      1. USadeneo
    2. COhttp://jsfiddle.net/6gw4x/30/
      singulars
      1. POPrevent child's onclick after mouseup on parent?
      1. USadeneo
    3. COHello, Please check the Updated Fiddle http://jsfiddle.net/6gw4x/32/ and my EDITTED Answer in this post
      singulars
      1. POPrevent child's onclick after mouseup on parent?
      1. USPrashant Kankhara
 

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