JavaScriptメモ onClickでクリックしたことを気づかせてみる

JavaScriptでタグがクリックされたことを気づかせてみる。
って言ってもそんな難しくなく、タグにonclickって属性をつけて、その値にメソッド名を書いてあげるといい。

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>sampel</title>
<script type="text/javascript">
<!--
function notice() {
alert("クリックされちゃった...");
}
-->
</script>
</head>
<body>
<table border="1">
<div onclick="notice()">click</div>
</table>
</body>
</html>
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>sampel</title> <script type="text/javascript"> <!-- function notice() { alert("クリックされちゃった..."); } --> </script> </head> <body> <table border="1"> <div onclick="notice()">click</div> </table> </body> </html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<title>sampel</title>
	<script type="text/javascript">
	<!--
		function notice() {
			alert("クリックされちゃった...");
		}
	-->
	</script>
</head>
<body>
	<table border="1">
		<div onclick="notice()">click</div>
	</table>
</body>
</html>

結果としてはこんな感じ。
clickってとこをマウスでクリックすると…。

noticeってメソッドが呼ばれてダイアログが表示される。

< そんだけ...んまま、メモってことで...。 [amazonjs asin="4797361794" locale="JP" title="Javascript ハンドブック (Next Generation Web Style)"]