Jquery - Wenn der Cursor am Anfang/Ende in einem Textfeld steht

Ich habe ein Textfeld und ich möchte überprüfen, ob der Cursor am Anfang oder am Ende steht (ich brauche die aktuelle Position nicht).
Kannte jemand eine einfache jQuery-Lösung?Jquery - Wenn der Cursor am Anfang/Ende in einem Textfeld steht

Vielen Dank im Voraus!
Peter

Quelle

2010-10-11 Peter

Meinst du '' oder '' ''? – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Ich meine <input type = "text">. Ist Textfeld das aktuelle Wort? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2136202/">Peter</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Raten Sie so. Ich bin mir nie sicher, was die Leute meinen. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="answer-title"> <span class="text-logo margin-top-sm">A</span> <h2 class="title h4">Antwort</h2> </div> <div class="item-description text-md markdown-body margin-bottom-40 voidso"> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">7<i class="fa fa-thumbs-up"></i></span> <i class="fa fa-check fa-2x"></i> </div> <div class="post-offset"> <div class="answer fmt"> <p>Angenommen, Sie meinen eine <code class="prettyprint-override"><input type="text"></code> statt einer Textarea, hier ist eine Nicht-jQuery-Lösung (die Sie noch mit Ihrem jQuery-Code verwenden können). Es wird mit ziemlicher Sicherheit weniger Code sein als ein jQuery-Plug-in.</p> <p><strong>UPDATE 12. November 2011</strong></p> <p>gesagt hat, dass ich <a href="https://github.com/timdown/rangyinputs" rel="nofollow">a jQuery plug-in</a> nur für seine Art von Aufgabe entwickelt habe, und es ist in der Tat größer als der Code unten.</p> <pre><code class="prettyprint-override">var textInput = document.getElementById("your_id"), val = textInput.value; var isAtStart = false, isAtEnd = false; if (typeof textInput.selectionStart == "number") { // Non-IE browsers isAtStart = (textInput.selectionStart == 0); isAtEnd = (textInput.selectionEnd == val.length); } else if (document.selection && document.selection.createRange) { // IE <= 8 branch textInput.focus(); var selRange = document.selection.createRange(); var inputRange = textInput.createTextRange(); var inputSelRange = inputRange.duplicate(); inputSelRange.moveToBookmark(selRange.getBookmark()); isAtStart = inputSelRange.compareEndPoints("StartToStart", inputRange) == 0; isAtEnd = inputSelRange.compareEndPoints("EndToEnd", inputRange) == 0; } alert("At start: " + isAtStart + ", at end: " + isAtEnd); </code></pre> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/3904819">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2010-10-11 09:03:55</span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Ist diese Antwort noch gültig ab Januar 2016? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4861207/">Jessica</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">@Jessica: Absolut, und es wird fast sicher für die absehbare Zukunft gültig sein, da 'selectionStart' und' selectionEnd' [standardisiert] sind (https://html.spec.whatwg.org/multipage/forms.html#dom-textarea/input-selectionstart) Der zweite Zweig ist nur für IE 8 und früher, also könnte entfernt werden, wenn Sie sich nicht um diese Browser kümmern müssen. – <span class="text-secondary"> <small> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Danke, schlagen Sie vor, dass ich IE 8 und früher unterstütze? – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/4861207/">Jessica</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1038284119" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">2<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p><strong>Ja, verwenden Sie diese <a href="http://laboratorium.0xab.cd/jquery/fieldselection/0.1.0/test.html" rel="nofollow">awesome jQuery plugin</a>.</strong></p> <p><em>Sie benötigen weitere Informationen? Komm zurück mit mehr Fragen :)</em></p> <p><strong>aktualisieren</strong><br> Der ursprüngliche Blog-Beitrag mit dem Plugin verbunden ist, nach unten.</p> <p>Dank der <strong>Awesome Power</strong> der Wayback-Maschine, können Sie es immer noch anzeigen.</p> <p><a href="http://web.archive.org/web/20080620163228/http://blog.0xab.cd/jquery-plugin---fieldselection" rel="nofollow">http://web.archive.org/web/20080620163228/http://blog.0xab.cd/jquery-plugin---fieldselection</a></p> <p><strong>Gott, ich liebe diese Website.</strong></p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/3904544">Quelle</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2010-10-11 08:17:04</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/333255/">Marko</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div>  <div class="comments"> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Sehr schön! Danke für die schnelle Antwort! – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2136202/">Peter</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Keine Sorgen @Peter, ich hoffe, das Plugin hilft :) – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/333255/">Marko</a></span> <span></span> </small> </span> </p> </div> </div> </div> <div itemprop="comment" class="post-comment"> <div class="row"> <div class="col-lg-1"><span class="text-secondary">+0</span></div> <div class="col-lg-11"> <p class="commenttext">Können Sie mir ein kleines Beispiel geben, wie zu verwenden? Die Seite "http://blog.0xab.cd/jquery-plugin---fieldselection" ist leider down :( – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/2136202/">Peter</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> </div> <div class="clearfix"> </div> <div> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="1575177025"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img.uwenku.com/uwenku/script/side.js?t=1644592048381"></script> <script type="text/javascript" src="http://img.uwenku.com/uwenku/plugin/highlight/highlight.pack.js"></script> <link href="http://img.uwenku.com/uwenku/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="5415218910" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Letzte Frage </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://de.uwenku.com/question/p-wsdzpknz-et.html" target="_blank" title="Maven Versionierung & Repositories - Wie man während des Builds aktualisiert"> Maven Versionierung & Repositories - Wie man während des Builds aktualisiert </a> </li> <li class="side_article_list_item"> 2. <a href="http://de.uwenku.com/question/p-rhseugzj-er.html" target="_blank" title="Require Anweisung Verwendung in Ruby"> Require Anweisung Verwendung in Ruby </a> </li> <li class="side_article_list_item"> 3. <a href="http://de.uwenku.com/question/p-rckwlbmh-do.html" target="_blank" title="So erhalten Sie den Bildschirmnamen anstelle der Benutzer-ID mit tweepy"> So erhalten Sie den Bildschirmnamen anstelle der Benutzer-ID mit tweepy </a> </li> <li class="side_article_list_item"> 4. <a href="http://de.uwenku.com/question/p-rarjuyvj-dp.html" target="_blank" title="Install NPM Abhängigkeiten für Sub-Paket, das in meinem Hauptprojekt verschachtelt ist?"> Install NPM Abhängigkeiten für Sub-Paket, das in meinem Hauptprojekt verschachtelt ist? </a> </li> <li class="side_article_list_item"> 5. <a href="http://de.uwenku.com/question/p-ulwswias-dy.html" target="_blank" title="Heute Erweiterung zeigt "unfähig zu laden" nach Schaltfläche Ereignis (iOS)"> Heute Erweiterung zeigt "unfähig zu laden" nach Schaltfläche Ereignis (iOS) </a> </li> <li class="side_article_list_item"> 6. <a href="http://de.uwenku.com/question/p-szravoor-ec.html" target="_blank" title="WebStorm - Nicht aufgelöste Variable oder Typ - Sails/module.export"> WebStorm - Nicht aufgelöste Variable oder Typ - Sails/module.export </a> </li> <li class="side_article_list_item"> 7. <a href="http://de.uwenku.com/question/p-pdgytskn-em.html" target="_blank" title="Paramiko & rsync - Get Progress asynchron während Befehl ausgeführt wird"> Paramiko & rsync - Get Progress asynchron während Befehl ausgeführt wird </a> </li> <li class="side_article_list_item"> 8. <a href="http://de.uwenku.com/question/p-zzdrbqac-eh.html" target="_blank" title="Text kann nicht in eckige Textbox eingegeben werden"> Text kann nicht in eckige Textbox eingegeben werden </a> </li> <li class="side_article_list_item"> 9. <a href="http://de.uwenku.com/question/p-uuudkuaf-cx.html" target="_blank" title="R: Zusammenfassung Informationen nur für positive Zahlen in einem Bereich"> R: Zusammenfassung Informationen nur für positive Zahlen in einem Bereich </a> </li> <li class="side_article_list_item"> 10. <a href="http://de.uwenku.com/question/p-ythxrzlp-cy.html" target="_blank" title="angular2 Service mit Argument im Konstruktor erweitern"> angular2 Service mit Argument im Konstruktor erweitern </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Verwandte Themen</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item">Keine verwandten Themen^_^</li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://de.uwenku.com/contact">Sprechen Sie uns an</a></li> <li>© 2020 DE.UWENKU.COM</li> <li><a target="_blank" href="https://beian.miit.gov.cn/">沪ICP备13005482号-4</a></li> <li><script type="text/javascript" src="https://v1.cnzz.com/z_stat.php?id=1280101193&web_id=1280101193"></script></li> <li><a href="http://www.uwenku.com/" target="_blank" title="优文库">简体中文</a></li> <li><a href="http://hk.uwenku.com/" target="_blank" title="優文庫">繁體中文</a></li> <li><a href="http://ru.uwenku.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.uwenku.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.uwenku.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.uwenku.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.uwenku.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.uwenku.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.uwenku.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.uwenku.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.uwenku.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.uwenku.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.uwenku.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f78a970f17b19a79fc477a3378096f29"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>