jQueryオブジェクト２０

jQuery 授業



フォーカスを監視する - focus/blur



ソースコード【 HTML 】

<!DOCTYPE html>
<html lang="ja"><head>
<meta charset="UTF-8">
<title>フォーカスを監視する - focus/blur</title>

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<style>
body {
background-color: #FCF;
}
</style>
</head>
<body>

<form>
<p>
<input type="text" id="input1" >
</p>
</form>

<script>
$(function() {
$('#input1').focus(function() {
$('#input1').addClass('active');
});
$('#input1').blur(function() {
$('#input1').removeClass('active');
});
});
</script>

</body>
</html>

ブラウザで表示【 Chrome 】