Databases
StackOverflow2013
Postsdbo
POJavaScript: Original target of onkeyup()
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavaScript: Original target of onkeyup()
    primarykey
    data
    text
    <p>I'm having a contentEditable field with many dynamically inserted span.</p> <p>When I use the getTarget() from an onclick() event I'm getting the target as the respective span but with onkeyup() and onkeydown() it gives the target as the div in which the function is called from ( I'm using bubbling to capture the events (if I'm correct))</p> <pre><code>function getTarget(e) { var targ; if (!e) var e = window.event; if (e.target) targ = e.target; else if (e.srcElement) targ = e.srcElement; if (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNode; return targ; } </code></pre> <p>Could someone point out why this is happening? Thank You</p> <p>Note: In fact , I just noticed that span is not accepting onkeydown,onkeyup or onkeypress. Only onclick event is triggered.How can I make span accept key event?</p> <pre><code>&lt;div class="myedit" onclick="setcontext(event);" onkeydown="getCursorPos();checkmarkup(this,event);" contentEditable="true" &gt; &lt;span class="context global" &gt;global &lt;br/&gt; &lt;span class="context function" &gt; fun1 hi bye &lt;/span&gt; &lt;div&gt; &lt;span class="context function"&gt; fun2 &lt;/span&gt; &lt;/div&gt; &lt;/span&gt; &lt;/div&gt; </code></pre> <p>This is the HTML part. Note that I can edit the text "global" or "fun1 hi bye" or "fun2" by clicking on them or moving the cursor to them. Correct me if I'm wrong, but as far as I understand <code>span</code> is able to receive key events (as it is able to change its contents) so it should be raising the key events. Also, even if I add <code>contenteditable='true'</code> and <code>onkeydown="alert('keytest')"</code>on each <code>span</code> it still doesn't raise the event.</p> <p>If in case it is not possible to capture key events on <code>span</code> then is there any other element that I could use that would capture key events but wouldn't change the structure?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USBenjamin
    1. USDiff.Thinkr
    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
    1. VO
      singulars
      1. POJavaScript: Original target of onkeyup()
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POJavaScript: Original target of onkeyup()
      1. USMuhamad Bhaa Asfour
      1. VTFavorite
    1. COPlease indent your code with four spaces instead of HTML-escaping it.
      singulars
      1. POJavaScript: Original target of onkeyup()
      1. USSLaks
    2. COYou can't really press a key "on" `span` or `div` - I guess you mean you press a key inside some form element that is nested below the `span` or `div` tags?
      singulars
      1. POJavaScript: Original target of onkeyup()
      1. USShadow Wizard
    3. CO@Shadowwizard: I meant the text in the div or span .Most the text will be enclosed in span.
      singulars
      1. POJavaScript: Original target of onkeyup()
      1. USDiff.Thinkr
 

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