この記事では、さまざまなブラウザと互換性のある選択したテキストを取得する方法について説明します。次のように、参照のために共有してください。
実行効果のスクリーンショットは次のとおりです。
特定のコードは次のとおりです。
< selected </title> <style type = "text/css"> #showselected {margin:100px auto;幅:100%;高さ:200px;背景:#ececec;ボーダー:1pxソリッド#ccc; } </style> <script type = "text/javascript"> //オブジェクトに渡して選択したテキスト関数を取得しますgetSelectedText(e){// ie(document.selection){return document.selection.createrange()。テキスト; } // firefox else if(window.getSelection()。toString()){return window.getSelection()。toString(); } // firefox elseの下で入力またはテキストアレアフィールドの選択テキストを取得しますif(e.selectionstart!= undefined && e.selectionEnd!= undefined){var start = e.SelectionStart; var end = E.SelectionEnd; e.value.substring(start、end)を返します。 }} document.onmouseup = function(){var ta = document.getElementById( "myDiv"); document.getElementById( "ShowSelected") </div> <div id = "showselected"> </div> </body> </html>JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください:「JavaScriptの切り替え効果とテクニックの要約」、「JavaScript検索アルゴリズムスキルの要約」、「JavaScriptアニメーション効果とテクニックの概要」、「Javascriptエラー、および「Javascriptデータ構造」の概要」の概要の要約の要約をご覧ください。 JavaScriptトラバーサルアルゴリズムとテクニック」、および「JavaScriptの数学的操作の使用法の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。