Maison > interface Web > js tutoriel > le corps du texte

Jetons un coup d'œil à la façon dont JavaScript obtient le texte sélectionné sur la page

coldplay.xixi
Libérer: 2020-06-20 17:08:52
avant
2353 Les gens l'ont consulté

Jetons un coup d'œil à la façon dont JavaScript obtient le texte sélectionné sur la page

Une petite astuce présentée ici est de savoir comment utiliser JavaScript pour obtenir le texte sélectionné sur la page. L'API JavaScript la plus critique est :

event.selection = window.getSelection();
Copier après la connexion

Le selection ici est en fait un objet, mais si nous utilisons .toString() ou forçons la conversion en chaîne, nous obtiendrons le texte sélectionné.

$(document).ready(function () {
			$(".contenttext").mouseup(function (e) {
				var txt;
				var parentOffset = $(this).offset();
				var x = e.pageX - parentOffset.left;
				var y = e.pageY - parentOffset.top;
				txt = window.getSelection();
				if (txt.toString().length > 1) {
					alert(txt);
				}
			});
		});
Copier après la connexion

Si on place ce code sur la page suivante :

<html>
			<head>
				<title>Get selected text with JavaScript</title>
				<meta charset="UTF-8">
				<meta name="viewport" content="width=device-width, initial-scale=1.0">
				<script src="http://www.webhek.com/wordpress/wp-includes/js/jquery/jquery.js" type="text/javascript"></script>
				
			</head>
			<body>
				<p class="contenttext">
					和客户端的 JavaScript 不同的是,PHP 代码是运行在服务端的。如果您在您的服务器上建立了如上例类似的代码,则在运行该脚本后,客户端就能接收到其结果,但他们无法得知其背后的代码是如何运作的。您甚至可以将 WEB 服务器设置成让 PHP 来处理所有的 HTML 文件,这么一来,用户就无法得知服务端到底做了什么。 

					使用 PHP 的一大好处是它对于初学者来说及其的简单,同时也给专业的程序员提供了各种高级的特性。当您看到 PHP 长长的特性列表时,请不要害怕。您可以很快的入门,只需几个小时您就可以自己写一些简单的脚本。 
				</p>
			</body>
		</html>
Copier après la connexion

Lorsque vous sélectionnez une partie du texte sur la page avec la souris, vous obtiendrez en même temps le contenu sélectionné. utilisez-le ici alert() méthode pour l'afficher.

Jetons un coup dœil à la façon dont JavaScript obtient le texte sélectionné sur la page

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:webhek.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal