「jquery入門」on()メソッドで複数のイベントを定義するサンプル

2013年7月14日2017年11月20日

1.htmlコード
<input type="text" id="txtAddress" value="tokyo">
<div id="addrDetailShow">　</div>

2.JSコード
$(function(){
$('#txtAddress’).on({
keydown: function(){
$('#addrDetailShow’).text('address-data-11’);
},
keyup: function(){
$('#addrDetailShow’).text('address-data-12’);
},
blur: function(){
$('#addrDetailShow’).text('address-data-14’);
},
focus: function(){
$('#addrDetailShow’).text('address-data-13’);
}
});
});