Append text to textarea with javascript

by

Use event delegation by assigning the onclick to the <ol>. Then pass the event object as the argument, and using that, grab the text from the clicked element.

function addText(event) {
    var targ = event.target || event.srcElement;
    document.getElementById("alltext").value += targ.textContent || targ.innerText;
}
<textarea id="alltext"></textarea>

<ol onclick="addText(event)">
  <li>Hello</li>
  <li>World</li>
  <li>Earthlings</li>
</ol>

Note that this method of passing the event object works in older IE as well as W3 compliant systems.

More Related Contents:

  1. Javascript unknown error
  2. What does “this” refer to in arrow functions in ES6?
  3. Origin null is not allowed by Access-Control-Allow-Origin
  4. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  5. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  6. JavaScript for…in vs for
  7. What is the correct terminology for javascript promises
  8. How to use onClick() or onSelect() on option tag in a JSP page?
  9. Using http rest apis with angular 2
  10. Uncaught TypeError: Illegal invocation in JavaScript
  11. Converting any string into camel case
  12. How to split a long regular expression into multiple lines in JavaScript?
  13. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  14. Find the exact height and width of the viewport in a cross-browser way (no Prototype/jQuery)
  15. Encryption in JavaScript and decryption with PHP
  16. How to know when all Promises are Resolved in a dynamic “iterable” parameter?
  17. How do I print debug messages in the Google Chrome JavaScript Console?
  18. Date.getDay() javascript returns wrong day
  19. Socket.io Client: respond to all events with one handler?
  20. Redeclaring a javascript variable
  21. jQuery Event Handler created in loop
  22. Render value without data-binding
  23. Can javascript tell the difference between left and right shift key?
  24. Generate a random string based on a regular expression
  25. how to clear localstorage,sessionStorage and cookies in javascript? and then retrieve?
  26. A better way to splice an array into an array in javascript
  27. JavaScript multithreading
  28. Convert long number into abbreviated string in JavaScript, with a special shortness requirement
  29. JavaScript: replace last occurrence of text in a string
  30. Explain ExtJS 4 event handling

Leave a Comment