素人がプログラミングを勉強していたブログ

プログラミング、セキュリティ、英語、Webなどのブログ since 2008

連絡先: すかいぷ:javascripter_  か javascripter あっと tsukkun.net skypeのほうがいいです

ライブ実体参照

すごい勢いで<と>を&gt;とか&lt;とかにするやつ。今回はHTMLもつくった。

<html>
	<head>
		<title>ライブ実体参照</title>
		<script>
		function setup(){
		var textareas=document.getElementsByTagName('textarea');
		textareas[0].addEventListener('keyup',conv,false);

		 function conv(){
		  var val=textareas[0].value;
		  var replaced=val.replace(/</g,'&lt\;').replace(/>/g,'&gt\;');
		  textareas[1].value=replaced;
		 }
		}

		</script>
		</head>
		<body onload="setup()">
			<textarea></textarea><br>
			<textarea></textarea>
		</body>
	</html>