Get caret position in HTML input?

by

-> selectionStart

<!doctype html>
    
<html>
  <head>
    <meta charset = "utf-8">

    <script type = "text/javascript">
      window.addEventListener ("load", function () {
        var input = document.getElementsByTagName ("input");
        
        input[0].addEventListener ("keydown", function () {
          alert ("Caret position: " + this.selectionStart);
          
          // You can also set the caret: this.selectionStart = 2;
        });
      });
    </script>
    
    <title>Test</title>
  </head>

  <body>
    <input type = "text">
  </body>
</html>

More Related Contents:

  1. contenteditable, set caret at the end of the text (cross-browser)
  2. pass single value to three diffrent iframe [closed]
  3. How can select specific text value from <select> <option…? [closed]
  4. Reading file contents on the client-side in javascript in various browsers
  5. How to detect Ctrl+V, Ctrl+C using JavaScript?
  6. Jquery load() only working in firefox?
  7. Play an audio file using jQuery when a button is clicked
  8. execute function after complete page load [duplicate]
  9. Best way to obfuscate an e-mail address on a website?
  10. How to get the HTML for a DOM element in javascript
  11. HTML5 Drag and Drop anywhere on the screen
  12. Is there a way to create out of DOM elements in Web Worker?
  13. Avoid window jump to top when clicking #-links
  14. HTML5 / Javascript – DataURL to Blob & Blob to DataURL
  15. How to build simple tabs with jQuery?
  16. HTML5 canvas drawImage with at an angle
  17. Is it possible to append a div inside an SVG element? [duplicate]
  18. Change HTML form ‘input’ type by JavaScript
  19. Failed to load resource: the server responded with a status of 404 (Not Found)
  20. How can I get all a form’s values that would be submitted without submitting [duplicate]
  21. how to get the base url in javascript
  22. Can I prevent phone from sleep on a webpage
  23. Using .after() to add html closing and open tags
  24. Changing cursor to waiting in javascript/jquery
  25. Returning value from confirmation dialog using JQuery UI dialog
  26. Change form action on select option
  27. HTML5 Video autoplay with sound unmuted
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. How to get and set the current web page scroll position?
  30. How do I put a clear button inside my HTML text input box like the iPhone does?

Leave a Comment