javascript - Find caret position in textarea in pixels

I was wondering if it is possible to find the exact location of the carret inside a textarea in pixels in relation to the entire page. For instance, if I have typed This is text into my text box, I would like to know the pixes from the top left of the screen to the carot.
It would be in the form X: 200 Y: 100. This is so I can position a floating div. This needs to be done dynamically in javascript.
Thanks guys
Answer
This "raw code" works at least in IE.
Using the code you can put your </code> where ever you want in page, and the <code><div id="db"></code> will follow it. Even despite of the scrolling position of the page. You can fix the position of <code><div></code> by changing the literal numbers at <code>d.style...6</code>-statements.</p><br/><br/><pre><code><body><br/><div id="db" style="position:absolute;left:-20px;top:-20px;border:1px solid red;">V</div><br/><br /><br /><br/><br/><form id="props"><br/><textarea id="ta" style="width:200px;height:100px;" onkeyup="moveDiv();">
Positioning of the
is not quite exact, but gets better when using fixed-width font in
</code>.</p><br/>    </div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
</span>
<span class='post-timestamp'>
-
<meta content='https://eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html' itemprop='url'/>
<a class='timestamp-link' href='https://eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2019-11-19T10:47:00-08:00'>November 19, 2019</abbr></a>
</span>
<span class='post-comment-link'>
</span>
<span class='post-icons'>
<span class='item-control blog-admin pid-2098421642'>
<a href='https://www.blogger.com/post-edit.g?blogID=5208288551320960997&postID=5153038403819971745&from=pencil' title='Edit Post'>
<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
<div class='post-share-buttons goog-inline-block'>
<a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=5208288551320960997&postID=5153038403819971745&target=email' target='_blank' title='Email This'><span class='share-button-link-text'>Email This</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=5208288551320960997&postID=5153038403819971745&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=5208288551320960997&postID=5153038403819971745&target=twitter' target='_blank' title='Share to Twitter'><span class='share-button-link-text'>Share to Twitter</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=5208288551320960997&postID=5153038403819971745&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'><span class='share-button-link-text'>Share to Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=5208288551320960997&postID=5153038403819971745&target=pinterest' target='_blank' title='Share to Pinterest'><span class='share-button-link-text'>Share to Pinterest</span></a>
</div>
</div>
<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</span>
</div>
<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
</span>
</div>
</div>
</div>
<div class='comments' id='comments'>
<a name='comments'></a>
<h4>No comments:</h4>
<div id='Blog1_comments-block-wrapper'>
<dl class='avatar-comment-indent' id='comments-block'>
</dl>
</div>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<h4 id='comment-post-message'>Post a Comment</h4>
<p>
</p>
<a href='https://www.blogger.com/comment/frame/5208288551320960997?po=5153038403819971745&hl=en-GB' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe>
<script src='https://www.blogger.com/static/v1/jsbin/1466990918-comment_from_post_iframe.js' type='text/javascript'></script>
<script type='text/javascript'>
      BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html');
    </script>
</div>
</p>
</div>
</div>

        </div></div>
      
</div>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' href='https://eclipsow.blogspot.com/2019/11/parsing-php-version-5214-parse-error.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a>
</span>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' href='https://eclipsow.blogspot.com/2019/11/java-jmeter-unsupported-majorminor.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a>
</span>
<a class='home-link' href='https://eclipsow.blogspot.com/'>Home</a>
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://eclipsow.blogspot.com/feeds/5153038403819971745/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a>
</div>
</div>
</div><div class='widget FeaturedPost' data-version='1' id='FeaturedPost1'>
<div class='post-summary'>
<h3><a href='https://eclipsow.blogspot.com/2020/01/php-filegetcontents-shows-unexpected.html'>php - file_get_contents shows unexpected output while reading a file</a></h3>
<p>
I want to output an inline jpg image as a base64 encoded string, however when I do this : $contents = file_get_contents($filename); print &q...
</p>
<img class='image' src='\"data:image/jpg;base64,".$contents."\"/'/>
</div>
<style type='text/css'>
    .image {
      width: 100%;
    }
  </style>
<div class='clear'></div>
</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://eclipsow.blogspot.com/2018/08/database-android-studio-show-username.html'>database - Android Studio: show username in textview with SQLite</a></div>
<div class='item-snippet'>I have an app which needs a login and a registration with SQLite. I have the database and a user can login and register. But i would like th...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://eclipsow.blogspot.com/2018/05/c-enhanced-rep-movsb-for-memcpy.html'>c - Enhanced REP MOVSB for memcpy</a></div>
<div class='item-snippet'>I would like to use enhanced REP MOVSB (ERMSB) to get a high bandwidth for a custom memcpy .  ERMSB was introduced with the Ivy Bridge micro...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-title'><a href='https://eclipsow.blogspot.com/2019/04/python-attempt-has-been-made-to-start.html'>python - An attempt has been made to start a new process before the
current process has finished its bootstrapping phase</a></div>
<div class='item-snippet'>I am new to dask and I found so nice to have a module that makes it easy to get parallelization. I am working on a project where I was able ...</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
</div>
</div></div>
</div>
</div>
<div class='column-left-outer'>
<div class='column-left-inner'>
<aside>
</aside>
</div>
</div>
<div class='column-right-outer'>
<div class='column-right-inner'>
<aside>
<div class='sidebar section' id='sidebar-right-1'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'>
<h2 class='title'>Search This Blog</h2>
<div class='widget-content'>
<div id='BlogSearch1_form'>
<form action='https://eclipsow.blogspot.com/search' class='gsc-search-box' target='_top'>
<table cellpadding='0' cellspacing='0' class='gsc-search-box'>
<tbody>
<tr>
<td class='gsc-input'>
<input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/>
</td>
<td class='gsc-search-button'>
<input class='gsc-search-button' title='search' type='submit' value='Search'/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'></div>
</div><div class='widget BlogArchive' data-version='1' id='BlogArchive1'>
<h2>Blog Archive</h2>
<div class='widget-content'>
<div id='ArchiveList'>
<div id='BlogArchive1_ArchiveList'>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2020/'>
2020
</a>
<span class='post-count' dir='ltr'>(79)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2020/01/'>
January 2020
</a>
<span class='post-count' dir='ltr'>(79)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        ▼ 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/'>
2019
</a>
<span class='post-count' dir='ltr'>(5283)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/12/'>
December 2019
</a>
<span class='post-count' dir='ltr'>(475)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate expanded'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>

        ▼ 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/11/'>
November 2019
</a>
<span class='post-count' dir='ltr'>(449)</span>
<ul class='posts'>
<li><a href='https://eclipsow.blogspot.com/2019/11/parsing-php-version-5214-parse-error_30.html'>parsing - PHP Version 5.2.14 / Parse error: syntax...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/echo-strange-print-behaviour-in-php.html'>echo - Strange print behaviour in PHP?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/ruby-generate-pseudo-random-string-z-0-9.html'>ruby - Generate pseudo random string A-Z, 0-9</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/create-100-number-vector-with-random.html'>Create a 100 number vector with random values in R...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/how-to-format-javascript-date.html'>How to format a JavaScript date</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/insertafter-jquery-dynamically-added.html'>insertafter - jQuery dynamically added elements ca...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/tag-wiki-movies-tv_30.html'>'twin-peaks' tag wiki - Movies & TV</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/scope-javascript-closures-vs-anonymous.html'>scope - JavaScript closures vs. anonymous functions</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/combine-several-images-algorithms.html'>Combine several images algorithms</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-read-json-array-without.html'>Javascript - read JSON Array without square brackets</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/amazon-ec2-e-mail-sent-through-php-mail.html'>amazon ec2 - E-mail sent through PHP Mail() not re...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/calling-remove-in-foreach-loop-in-java.html'>Calling remove in foreach loop in Java</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-difference-between-object-object-new.html'>c++ - Difference between Object object = new Objec...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/switching-php-extention-to-something.html'>Switching the php extention to something else usin...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/swing-java-jframe-button-then-new-gui.html'>swing - Java JFRAME button then new gui</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/stop-font-color-from-changing-when.html'>Stop Font Color From Changing When Adding Conditio...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/plot-explanation-why-was-curt-connors.html'>plot explanation - Why was Curt Connors in the sew...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-new-hosting-with-double-quote-error.html'>php new hosting with double quote error</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/aspnet-jquery-how-to-deserialize-json.html'>asp.net - jquery how to deserialize json object</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/is-there-java-library-for-calculating.html'>Is there a Java library for calculating elapsed time?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/what-does-1-meando-in-python.html'>What does [:-1] mean/do in python?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/java-what-is-l-unicode-category.html'>java - What is the {L} Unicode category?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-jquery-blatantly-ignoring.html'>javascript - jQuery blatantly ignoring the path I ...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/how-can-i-create-two-dimensional-array.html'>How can I create a two dimensional array in JavaSc...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/passing-2d-array-to-c-function.html'>Passing a 2D array to a C++ function</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/oop-clone-object-without-reference.html'>oop - Clone Object without reference javascript</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-error-quota-has-been.html'>javascript - Error: The quota has been exceeded. o...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/java-nullpointerexception-on.html'>java - NullPointerException on getActivity().runOn...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/android-studio-082-gradle-project-sync.html'>Android Studio 0.8.2 - Gradle project sync failed</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-can-use-method-return-value-in.html'>php - Can't use method return value in write context</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/css-css3-transition-from-width-auto-to.html'>css - css3 transition from width auto to "n" px</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/python-time-vs-datetime-vs-mxdatetime.html'>Python time vs datetime vs mxDateTime</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/python-correct-way-to-write-line-to-file.html'>python - Correct way to write line to file?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/python-counting-vowels.html'>Python Counting Vowels</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-is-it-safe-to-store-pointer-to-item.html'>c++ - Is it safe to store a pointer to an item in ...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/x86-to-learn-assembly-should-i-start.html'>x86 - To learn assembly - should I start with 32 b...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/forms-what-does-attribute-do-in-html-tag_28.html'>forms - What does "for" attribute do in HTML tag?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-uninitialized-error.html'>c++ - Uninitialized Error</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/python-how-to-load-large-data-into.html'>python - How to load large data into pandas effici...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/java-array-is-lost-when-exiting-method.html'>Java array is lost when exiting method</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-using-prepared-mysqli-statements-to.html'>php - using prepared mysqli statements to bind par...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-how-to-turn-off-magic-quotes-on.html'>php - How to turn off magic quotes on shared hosting?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-get-all-value-of-h1-tag.html'>php - Get all value of h1 tag</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-ios6-is-there-way-to-clear.html'>javascript - iOS6 - Is there a way to clear cached...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/templates-pretty-print-c-stl-containers.html'>templates - Pretty-print C++ STL containers</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/plot-explanation-why-did-they-start.html'>plot explanation - Why did they start killing peop...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-what-is-purpose-of-var.html'>javascript - What is the purpose of the var keywor...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/how-do-i-declare-two-dimensional-arrays.html'>How do i declare two dimensional arrays in javascr...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-implementing-mozilla.html'>javascript - Implementing Mozilla's toSource() met...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/how-are-variables-assigned-in-php.html'>How are variables assigned in PHP classes?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/ios-iphone-locationmanager-doesn.html'>ios - iPhone - LocationManager doesn't converge ev...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/net-stylecop-sa1600-rule-and-interfaces.html'>.net - StyleCop SA1600 rule and interfaces realisa...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-angular-2-using-inside.html'>javascript - Angular 2 - Using 'this' inside setTi...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/css3-css-select-first-child-from.html'>css3 - CSS select the first child from elements wi...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/in-c-why-do-some-people-cast-pointer.html'>In C, why do some people cast the pointer before f...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/arrays-what-is-wrong-with-promise.html'>arrays - What is wrong with promise resolving?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/laravel-51-composerjson-call-file-in.html'>Laravel 5.1 Composer.json Call File in Autoload</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/aggregate-how-to-calculate-population.html'>aggregate - How to calculate population prevalence...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-how-can-i-test-class-which.html'>javascript - How can I test a class which contains...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/java-custom-fonts-and-xml-layouts.html'>java - Custom fonts and XML layouts (Android)</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-parse-error-syntax-error-unexpected_26.html'>php - Parse error: syntax error, unexpected T_ELSEIF</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/tag-wiki-movies-tv_26.html'>'lost' tag wiki - Movies & TV</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/io-java-scanner-doesn-wait-for-user.html'>io - Java Scanner doesn't wait for user input</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-there-is-problem-in-placing-ships-and.html'>c++ - there is a problem in placing the ships and ...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-linker-error-unresolved-external.html'>c++ - Linker error: unresolved external symbol _Wi...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-unset-element-in-array.html'>php - Unset element in array</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/html-how-do-i-vertically-center-text.html'>html - How do I vertically center text with CSS?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/nodejs-expressjs-resrender-does-not.html'>node.js - Express.js: res.render() does not send d...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-warning-failed-to-open-stream-and.html'>php - Warning: failed to open stream and cannot mo...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/reactjs-access-props-inside-closure.html'>reactjs - Access props inside a closure</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/what-is-difference-between-call-and_25.html'>What is the difference between call and apply meth...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-cant-figure-out-how-to.html'>javascript - Cant figure out how to display table ...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-abort-ajax-requests-using.html'>javascript - Abort Ajax requests using jQuery</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/simple-html-dom-error-handling.html'>Simple HTML DOM Error Handling</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/regex-stop-at-first-character-match.html'>regex - Stop at first character match?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/email-outlook-2010-vba-save-attachments.html'>email - Outlook 2010 VBA save attachments for cert...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/tag-wiki-movies-tv_24.html'>'coen-brothers' tag wiki - Movies & TV</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/forms-what-does-attribute-do-in-html-tag.html'>forms - What does "for" attribute do in HTML tag?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/strings-are-objects-in-java-so-why-don.html'>Strings are objects in Java, so why don't we use '...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-how-to-sanitize-many-variables-at.html'>php: how to sanitize many variables at the same time?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/python-how-do-i-write-json-data-to-file.html'>python - How do I write JSON data to a file?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-why-does-this-regex-pattern-not.html'>php - Why does this regex pattern not match?</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/eclipse-myeclipse-crashes-after-running.html'>eclipse - MyEclipse crashes after running for seve...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-securing-wordpress-user-uploads.html'>php - Securing wordpress user uploads</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-how-to-convert-byte-array-to-string.html'>c# - How to convert byte array to string</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/arrays-modifying-string-in-function-c.html'>arrays - Modifying string in function C</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/immutability-of-strings-in-java.html'>Immutability of Strings in Java</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-making-custom-class-availabe-to-linq.html'>c# - Making a custom class availabe to LINQ queries</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/android-gradle-build-failed-with.html'>android - Gradle build failed with an Exception</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/php-parse-error-syntax-error-unexpected.html'>php - Parse error: syntax error, unexpected '(', e...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-why-spliceapplyarguments-0.html'>javascript - why `splice.apply(arguments, 0)` fail...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/java-equivalents-of-c-stringformat-and.html'>Java equivalents of C# String.Format() and String....</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/how-to-use-regular-expressions-regex-in.html'>How to use Regular Expressions (Regex) in Microsof...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/c-does-curly-brackets-matter-for-empty.html'>c++ - Does curly brackets matter for empty constru...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/character-why-doesn-bane-just-detonate.html'>character - Why doesn't Bane just detonate the bom...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-foreach-callback-when-finish.html'>javascript - Foreach callback when finish</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/angularjs-ionic-ngcordova-download-and.html'>angularjs - Ionic, ngCordova - Download and Displa...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/multithreading-c-algorithmic-stock.html'>multithreading - C# Algorithmic Stock Trading</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/javascript-parse-jscss-as-php-file.html'>javascript - Parse js/css as a PHP file using htac...</a></li>
<li><a href='https://eclipsow.blogspot.com/2019/11/excel-why-do-i-get-error-lnk1120-1.html'>excel - Why do I get the 'fatal error LNK1120: 1 u...</a></li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/10/'>
October 2019
</a>
<span class='post-count' dir='ltr'>(447)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/09/'>
September 2019
</a>
<span class='post-count' dir='ltr'>(466)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/08/'>
August 2019
</a>
<span class='post-count' dir='ltr'>(486)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/07/'>
July 2019
</a>
<span class='post-count' dir='ltr'>(423)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/06/'>
June 2019
</a>
<span class='post-count' dir='ltr'>(418)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/05/'>
May 2019
</a>
<span class='post-count' dir='ltr'>(439)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/04/'>
April 2019
</a>
<span class='post-count' dir='ltr'>(431)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/03/'>
March 2019
</a>
<span class='post-count' dir='ltr'>(433)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/02/'>
February 2019
</a>
<span class='post-count' dir='ltr'>(394)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2019/01/'>
January 2019
</a>
<span class='post-count' dir='ltr'>(422)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/'>
2018
</a>
<span class='post-count' dir='ltr'>(3641)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/12/'>
December 2018
</a>
<span class='post-count' dir='ltr'>(463)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/11/'>
November 2018
</a>
<span class='post-count' dir='ltr'>(416)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/10/'>
October 2018
</a>
<span class='post-count' dir='ltr'>(456)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/09/'>
September 2018
</a>
<span class='post-count' dir='ltr'>(463)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/08/'>
August 2018
</a>
<span class='post-count' dir='ltr'>(447)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/07/'>
July 2018
</a>
<span class='post-count' dir='ltr'>(442)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/06/'>
June 2018
</a>
<span class='post-count' dir='ltr'>(420)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/05/'>
May 2018
</a>
<span class='post-count' dir='ltr'>(227)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2018/01/'>
January 2018
</a>
<span class='post-count' dir='ltr'>(307)</span>
</li>
</ul>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2017/'>
2017
</a>
<span class='post-count' dir='ltr'>(1271)</span>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2017/12/'>
December 2017
</a>
<span class='post-count' dir='ltr'>(487)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2017/11/'>
November 2017
</a>
<span class='post-count' dir='ltr'>(432)</span>
</li>
</ul>
<ul class='hierarchy'>
<li class='archivedate collapsed'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>

        ► 
      
</span>
</a>
<a class='post-count-link' href='https://eclipsow.blogspot.com/2017/10/'>
October 2017
</a>
<span class='post-count' dir='ltr'>(352)</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class='clear'></div>
</div>
</div></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='sidebar no-items section' id='sidebar-right-2-1'></div>
</td>
<td class='columns-cell'>
<div class='sidebar no-items section' id='sidebar-right-2-2'></div>
</td>
</tr>
</tbody>
</table>
<div class='sidebar no-items section' id='sidebar-right-3'></div>
</aside>
</div>
</div>
</div>
<div style='clear: both'></div>
<!-- columns -->
</div>
<!-- main -->
</div>
</div>
<div class='main-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
<footer>
<div class='footer-outer'>
<div class='footer-cap-top cap-top'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
<div class='fauxborder-left footer-fauxborder-left'>
<div class='fauxborder-right footer-fauxborder-right'></div>
<div class='region-inner footer-inner'>
<div class='foot no-items section' id='footer-1'></div>
<table border='0' cellpadding='0' cellspacing='0' class='section-columns columns-2'>
<tbody>
<tr>
<td class='first columns-cell'>
<div class='foot no-items section' id='footer-2-1'></div>
</td>
<td class='columns-cell'>
<div class='foot no-items section' id='footer-2-2'></div>
</td>
</tr>
</tbody>
</table>
<!-- outside of the include in order to lock Attribution widget -->
<div class='foot section' id='footer-3' name='Footer'><div class='widget Attribution' data-version='1' id='Attribution1'>
<div class='widget-content' style='text-align: center;'>
Theme images by <a href='http://www.istockphoto.com/portfolio/nicolecioe?platform=blogger' target='_blank'>nicolecioe</a>. Powered by <a href='https://www.blogger.com' target='_blank'>Blogger</a>.
</div>
<div class='clear'></div>
</div></div>
</div>
</div>
<div class='footer-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</footer>
<!-- content -->
</div>
</div>
<div class='content-cap-bottom cap-bottom'>
<div class='cap-left'></div>
<div class='cap-right'></div>
</div>
</div>
</div>
<script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace('loading', '');
      }, 10);
  </script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1926661341-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7ghM8MnbKtEXZi9FphLPyf6nRbpQ:1729949384733';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5208288551320960997','//eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html','5208288551320960997');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5208288551320960997', 'title': 'Blog', 'url': 'https://eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html', 'canonicalUrl': 'https://eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html', 'homepageUrl': 'https://eclipsow.blogspot.com/', 'searchUrl': 'https://eclipsow.blogspot.com/search', 'canonicalHomepageUrl': 'https://eclipsow.blogspot.com/', 'blogspotFaviconUrl': 'https://eclipsow.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-GB', 'localeUnderscoreDelimited': 'en_gb', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog - Atom\x22 href\x3d\x22https://eclipsow.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blog - RSS\x22 href\x3d\x22https://eclipsow.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5208288551320960997/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog - Atom\x22 href\x3d\x22https://eclipsow.blogspot.com/feeds/5153038403819971745/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/89d9ab82ea562629', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en_GB\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5153038403819971745', 'pageName': 'javascript - Find caret position in textarea in pixels', 'pageTitle': 'Blog: javascript - Find caret position in textarea in pixels'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard', 'ok': 'Ok', 'postLink': 'Post link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'javascript - Find caret position in textarea in pixels', 'description': '        I was wondering if it is possible to find the exact location of the carret inside a textarea in pixels in relation to the entire pag...', 'url': 'https://eclipsow.blogspot.com/2019/11/javascript-find-caret-position-in.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5153038403819971745}}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3513641592-lbx__en_gb.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'main', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'sidebar-right-1', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive1', 'sidebar-right-1', document.getElementById('BlogArchive1'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AttributionView', new _WidgetInfo('Attribution1', 'footer-3', document.getElementById('Attribution1'), {}, 'displayModeFull'));
</script>
</body>
</html>
Tuesday 19 November 2019

javascript - Find caret position in textarea in pixels
