Get current cursor position in a textbox

by

It looks OK apart from the space in your ID attribute, which is not valid, and the fact that you’re replacing the value of your input before checking the selection.

function textbox()
{
        var ctl = document.getElementById('Javascript_example');
        var startPos = ctl.selectionStart;
        var endPos = ctl.selectionEnd;
        alert(startPos + ", " + endPos);
}
<input id="Javascript_example" name="one" type="text" value="Javascript example" onclick="textbox()">

Also, if you’re supporting IE <= 8 you need to be aware that those browsers do not support selectionStart and selectionEnd.

More Related Contents:

  1. Set keyboard caret position in html textbox
  2. After travelling back in Firefox history, JavaScript won’t run
  3. How can I set default homepage in FF and Chrome via javascript?
  4. WebRTC firefox constraints
  5. Breakpoint on property change
  6. How do I programmatically click on an element in JavaScript?
  7. Difference between DOM parentNode and parentElement
  8. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  9. DOM refresh on long running function
  10. document.body.scrollTop Firefox returns 0 : ONLY JS
  11. Detect all Firefox versions in JS
  12. clientHeight/clientWidth returning different values on different browsers
  13. Go to local URL with Javascript
  14. How can I detect browser type using jQuery?
  15. What happens to code after a javascript redirect (setting window.location.href)?
  16. How to get the start and end points of selection in text area?
  17. Chrome sets cursor to text while dragging, why?
  18. Add to browser favorites/bookmarks from JavaScript but for all browsers (mine doesn’t work in Chrome)?
  19. .setAttribute(“disabled”, false); changes editable attribute to false
  20. Firefox 4 onBeforeUnload custom message
  21. Javascript memory profiler for Firefox
  22. window.getSelection() of textarea not working in firefox?
  23. Web browser: Hide mouse cursor [duplicate]
  24. How to detect if user has enabled full screen in browser
  25. Adding space between numbers
  26. Blob createObjectURL download not working in Firefox (but works when debugging)
  27. Emulate clicking a link with Javascript that works with IE
  28. console.log(array) shows different array contents than iterating the array and displaying the individual elements
  29. How to use “segments” mode at SourceBuffer of MediaSource to render same result at Chomium, Chorme and Firefox?
  30. Call Javascript onchange event by programmatically changing textbox value

Leave a Comment