Heim Web-Frontend js-Tutorial So implementieren Sie JavaScript, um die Position des Cursors in den Fähigkeiten editor_javascript aufzuzeichnen

So implementieren Sie JavaScript, um die Position des Cursors in den Fähigkeiten editor_javascript aufzuzeichnen

May 16, 2016 pm 03:04 PM
javascript 位置 光标 编辑器 记录

Das Beispiel in diesem Artikel beschreibt die Implementierungsmethode von JavaScript, die die Position des Cursors im Editor aufzeichnet. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function $(ele){return document.getElementById(ele)}
//记录编辑器中的位置
   var selection_start;
   var selection_end;
   function savePos(textBox){
   var start=0;
   var end=0;
   if(typeof(textBox.selectionStart) == "number"){ // not ie
    //alert(typeof(textBox.selectionStart) );
    start = textBox.selectionStart;
    end = textBox.selectionEnd;
   }
   else if(document.selection){
    var range = document.selection.createRange();
    if(range.parentElement().id == textBox.id){
     var range_all = document.body.createTextRange();
     range_all.moveToElementText(textBox);
     for (start=0; range_all.compareEndPoints("StartToStart", range) < 0; start++)
      range_all.moveStart('character', 1);
     for (var i = 0; i <= start; i ++){
      if (textBox.value.charAt(i) == '/n')
       start++;
     }
      var range_all = document.body.createTextRange();
      range_all.moveToElementText(textBox);
      for (end = 0; range_all.compareEndPoints('StartToEnd', range) < 0; end ++)
       range_all.moveStart('character', 1);
       for (var i = 0; i <= end; i ++){
        if (textBox.value.charAt(i) == '/n')
         end ++;
       }
     }
    }
    selection_start = start;
    selection_end = end;
   }
</script>
<form action="" id="test">
<textarea id="t" onfocus="savePos(this);$('log').value=selection_start" onkeydown="savePos(this);$('log').value=selection_start" onmousedown="savePos(this);$('log').value=selection_start" onmouseup="savePos(this);$('log').value=selection_start" >
</textarea>
<input type="text" id="log" />
</form>
</body>
</html>

Nach dem Login kopieren

Weitere JavaScript-bezogene Inhalte finden Sie in den Spezialthemen auf dieser Website: „Zusammenfassung der JavaScript-Switching-Spezialeffekte und -Techniken“, „Zusammenfassung der JavaScript-Suchalgorithmustechniken“ , „JavaScript-Animation – Zusammenfassung von Spezialeffekten und Techniken“, „Zusammenfassung von JavaScript-Fehlern und Debugging-Techniken“, „Zusammenfassung von JavaScript-Datenstrukturen und Algorithmustechniken“ , „Zusammenfassung der JavaScript-Traversal-Algorithmen und -Techniken “ und „Zusammenfassung der Verwendung mathematischer JavaScript-Operationen

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wo kann ich die Aufzeichnungen der Dinge einsehen, die ich auf Pinduoduo gekauft habe? Wie kann ich die Aufzeichnungen der gekauften Produkte einsehen? Wo kann ich die Aufzeichnungen der Dinge einsehen, die ich auf Pinduoduo gekauft habe? Wie kann ich die Aufzeichnungen der gekauften Produkte einsehen? Mar 12, 2024 pm 07:20 PM

Die Pinduoduo-Software bietet viele gute Produkte, die Sie jederzeit und überall kaufen können. Die Qualität jedes Produkts wird streng kontrolliert, jedes Produkt ist echt und es gibt viele Vorzugsrabatte beim Einkaufen, sodass jeder online einkaufen kann. Ich kann einfach nicht aufhören. Geben Sie Ihre Mobiltelefonnummer ein, um sich online anzumelden, fügen Sie online mehrere Lieferadressen und Kontaktinformationen hinzu und prüfen Sie jederzeit die neuesten Logistiktrends. Suchen Sie nach oben und unten, um zu kaufen und eine Bestellung aufzugeben. Sie können den Komfort genießen, ohne das Haus zu verlassen. Mit dem Online-Einkaufsservice können Sie auch alle Einkaufsunterlagen, einschließlich der von Ihnen gekauften Waren, einsehen und erhalten Dutzende von roten Einkaufsumschlägen und Gutscheinen kostenlos Detaillierte Online-Methode zum Anzeigen gekaufter Produktdatensätze. 1. Öffnen Sie Ihr Telefon und klicken Sie auf das Pinduoduo-Symbol.

Unverzichtbare Software für die C-Sprachprogrammierung: Fünf gute Helfer, die Einsteigern empfohlen werden Unverzichtbare Software für die C-Sprachprogrammierung: Fünf gute Helfer, die Einsteigern empfohlen werden Feb 20, 2024 pm 08:18 PM

Die Sprache C ist eine grundlegende und wichtige Programmiersprache. Für Anfänger ist es sehr wichtig, die richtige Programmiersoftware auszuwählen. Es gibt viele verschiedene Optionen für C-Programmiersoftware auf dem Markt, aber für Anfänger kann es etwas verwirrend sein, sich für die richtige zu entscheiden. In diesem Artikel werden Anfängern fünf C-Programmiersoftware empfohlen, um ihnen den schnellen Einstieg zu erleichtern und ihre Programmierkenntnisse zu verbessern. Dev-C++Dev-C++ ist eine kostenlose und quelloffene integrierte Entwicklungsumgebung (IDE), die sich besonders für Anfänger eignet. Es ist einfach und benutzerfreundlich und integriert einen Editor,

Verstehen Sie den Speicherort und die Struktur des Pip-Installationspaketspeichers Verstehen Sie den Speicherort und die Struktur des Pip-Installationspaketspeichers Jan 18, 2024 am 08:23 AM

Um mehr über den Speicherort der von pip installierten Pakete zu erfahren, benötigen Sie spezifische Codebeispiele. Pip ist ein häufig verwendetes Paketverwaltungstool in der Python-Sprache. Es wird zum einfachen Installieren, Aktualisieren und Verwalten von Python-Paketen verwendet. Wenn Sie pip zum Installieren eines Pakets verwenden, lädt es automatisch die entsprechende Paketdatei von PyPI (Python Package Index) herunter und installiert sie am angegebenen Speicherort. Wo werden also die von pip installierten Pakete gespeichert? Dies ist ein Problem, auf das viele Python-Entwickler stoßen werden. Dieser Artikel befasst sich mit dem Speicherort der von pip und Provide installierten Pakete

Wo wird Kuaishou veröffentlicht und wie kann der Standort geändert werden? Wie füge ich einem hochgeladenen Video einen Standort hinzu? Wo wird Kuaishou veröffentlicht und wie kann der Standort geändert werden? Wie füge ich einem hochgeladenen Video einen Standort hinzu? Mar 21, 2024 pm 06:00 PM

Als bekannte Kurzvideoplattform in China bietet Kuaishou vielen YouTubern die Möglichkeit, ihre Talente zu präsentieren und ihr Leben zu teilen. Beim Hochladen eines Videos sind einige unerfahrene Ersteller möglicherweise verwirrt darüber, wie sie den Ort für die Veröffentlichung des Videos ändern können. In diesem Artikel erfahren Sie, wie Sie den Veröffentlichungsort von Kuaishou-Videos ändern, und geben einige Tipps für die Veröffentlichung von Kuaishou-Videos, damit Sie diese Plattform besser nutzen können, um Ihre Arbeit zu präsentieren. 1. Wo wird Kuaishou veröffentlicht und wie kann der Standort geändert werden? 1. Veröffentlichungsoberfläche: Klicken Sie in der Kuaishou-App auf die Schaltfläche „Veröffentlichen“, um die Video-Veröffentlichungsoberfläche aufzurufen. 2. Standortinformationen: In der Veröffentlichungsoberfläche gibt es eine Spalte „Standort“. Klicken Sie hier, um die Standortauswahloberfläche aufzurufen. 3. Standort ändern: Klicken Sie in der Standortauswahloberfläche auf die Schaltfläche „Standort“, um den aktuellen Standort anzuzeigen. Wenn Sie den Standort ändern möchten, klicken Sie auf „Standort“.

Standort des Origami-Vogels im Stardome Railway Crocker Film and Television Park Standort des Origami-Vogels im Stardome Railway Crocker Film and Television Park Mar 27, 2024 pm 11:51 PM

Es gibt insgesamt 20 Origami-Vögel im Stardome Railway Croaker Movie Park. Viele Spieler wissen nicht, wo sich die Origami-Vögel im Crocker Movie Park befinden, um allen die Suche zu erleichtern. und schauen Sie sich diese neueste Zusammenfassung der Standorte der Origami-Vögel im Croaker Film and Television Park an, um spezifische Inhalte zu erhalten. Leitfaden zur Honky Dome Railway Star Dome Railway Crocker Film Park Origami Bird Location 1, Crocker Film Park 1. Etage 2, Crocker Film Park 2. Etage

So ändern Sie den Standort von Gaode Map Home So ändern Sie den Standort von Gaode Map Home Feb 27, 2024 pm 07:31 PM

Als leistungsstarker Assistent für unsere täglichen Reisen bietet Amap nicht nur präzise Navigationsdienste, sondern ermöglicht es Benutzern auch, ihren „Heimatstandort“ auf benutzerfreundliche Weise direkt zu bestimmen. Es ist bequem, jederzeit den Weg nach Hause zu überprüfen. Aber manchmal muss auch der Standort unseres Zuhauses aktualisiert werden. Wie können wir also den „Standort unseres Zuhauses“ in Amap einfach ändern? Folgen Sie als Nächstes der Anleitung des Herausgebers und erfahren Sie, wie Sie ihn gemeinsam mit Amap ändern können Zuhause? Antwort: [Amap] – [Einstellungen] – [Drei-Punkte-Symbol] – [Standort ändern] – [Standort festlegen] – [Als Heimatadresse festlegen]. Spezifische Schritte: 1. Öffnen Sie zuerst die Amap-Software, rufen Sie die Startseite auf, blättern Sie nach oben, suchen Sie nach „Startseite“ und klicken Sie auf „Einstellungen“. 2. Dann können wir auf der Einstellungsseite klicken

Wo ist die Last Era Arena? Wo ist die Last Era Arena? Mar 07, 2024 pm 08:16 PM

In „Last Age“ können Spieler in verschiedenen Modi wie dem Spielmodus, dem Herausforderungsmodus und der Arena usw. spielen. Arena ist die ultimative Art, das Spiel zu spielen, und bietet den Spielern zwei Modi zur Auswahl. Wo ist die Arena in der letzten Ära? Antwort: Die Arena ist ein Endspielspiel und ihr spezifischer Standort ist das Tor des Champions. Sie müssen den Arena-Schlüssel oder den Speicher-Arena-Schlüssel erhalten. Nach einem Rechtsklick können Sie die Weltkarte sehen und den genauen Standort des Champions-Tors finden. Die Arena ist in zwei Hauptmodi unterteilt: Arena-Meisterschaftsmodus und Endlos-Arena-Modus. Ersteres umfasst 40 Gegnerwellen und ausgewählte Belohnungen, die immer in einem Kampf mit dem Arena-Champion gipfeln. Es gibt 4 Stufen im Arena-Meisterschaftsmodus. Je höher der Schwierigkeitsgrad, desto besser die Belohnungen. Endless Arena ist ein Modus mit unendlichen Wellen. Der Schwierigkeitsgrad steigt schrittweise

Wo ist der Standort des Meituan Daily Vouchers? Einführung in den Standort des Meituan Daily Vouchers Wo ist der Standort des Meituan Daily Vouchers? Einführung in den Standort des Meituan Daily Vouchers Mar 27, 2024 pm 05:11 PM

1. Wir öffnen Meituan auf dem Mobiltelefon und klicken dann auf die Option zum Mitnehmen in der oberen linken Ecke der Homepage. 2. Nachdem Sie die Seite der Take-Away-Plattform aufgerufen haben, können Sie auf der Startseite den Abschnitt mit Tagesgutscheinen sehen. Klicken Sie direkt darauf. 3. Nachdem Sie den Tiantian God Voucher eingegeben haben, sehen Sie viele Aktivitäten. Klicken Sie auf „Fertig stellen“. Nach Abschluss der Aufgaben können wir dann Belohnungen erhalten.

See all articles