page_javascript テクニックで選択されたテキストを取得するための JavaScript メソッドとテクニック

WBOY
リリース: 2016-05-16 16:09:45
オリジナル
1568 人が閲覧しました

ここで紹介するちょっとしたトリックは、JavaScript を使用してページ上で選択されたテキストを取得する方法です。最も重要な JavaScript API は次のとおりです:

コードをコピー コードは次のとおりです:

イベント.セレクション = window.getSelection();

ここでの選択範囲は実際にはオブジェクトですが、 .toString() を使用するか文字列への強制変換を行うと、選択されたテキストが取得されます。
コードをコピー コードは次のとおりです:

$(document).ready(function () {
$(".contenttext").mouseup(関数 (e) {
var txt;
varparentOffset = $(this).offset();
var x = e.pageX -parentOffset.left;
var y = e.pageY -parentOffset.top;
txt = window.getSelection();
If (txt.toString().length > 1) {
アラート(txt);
}
});
});

このコードを次のページに配置すると:
コードをコピー コードは次のとおりです:


<頭>
JavaScript で選択したテキストを取得







クライアント側の JavaScript とは異なり、PHP コードはサーバー側で実行されます。上記の例と同様のコードをサーバー上に設定した場合、スクリプトの実行後、クライアントは結果を受け取りますが、その背後にあるコードがどのように機能するかはわかりません。 PHP がすべての HTML ファイルを処理できるように Web サーバーを設定して、ユーザーがサーバーが実際に何をしているのかを知ることができないようにすることもできます。

PHP を使用する大きな利点の 1 つは、初心者にとって非常にシンプルでありながら、プロのプログラマーにとってさまざまな高度な機能も提供することです。 PHP の機能の長いリストを見ても恐れる必要はありません。すぐに始めることができ、わずか数時間で簡単なスクリプトを自分で作成できるようになります。





ページ上のテキストの一部をマウスで選択すると、同時に選択されたコンテンツが取得され、ここでは、alert() メソッドを使用して表示します。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート