Beispiel:JS-document-getSelection.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
  <title>Beispiel: document.getSelection</title>
  <script>
    function selektierterText () {
      if (window.getSelection) {
        alert(window.getSelection());
      } else if (document.getSelection) {
        alert(document.getSelection());
      } else if (document.selection) {
        alert(document.selection.createRange().text);
      }
    }
  </script>
</head>
<body>
  <h1>Document.getSelection</h1>
 
  <main>
    <p>
      viel Text zum Selektieren viel Text zum Selektieren viel Text zum Selektieren viel Text zum Selektieren 
      viel Text zum Selektieren viel Text zum Selektieren viel Text zum Selektieren viel Text zum Selektieren
    </p>
    <form>
     <button type="button" onmousedown="selektierterText();">zeigen</button>
    </form>
  </main>
</body>
</html>