1 作用:某个标签(适用于所有标签)得到焦点和失去焦点时触发
2 兼容性:兼容ie6+及各大主流浏览器
示例:
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<title>test</title>
<script type="text/javascript" src="skin/base2/js/jquery-1.11.3.min.js"></script>
</head>
<body>
<div tagName="div">
<input type="text" tagName="input">
</div>
<span tagName="span">
<textarea tagName="textarea"></textarea>
</span>
</body>
<script>
;$(function() {
$('input').add('textarea').add('div').add('span').on('focusin', function() {
$('body').append('<br>'+ $(this).attr('tagName') +'-focusin');
});
$('input').add('textarea').add('div').add('span').on('focusout', function() {
$('body').append('<br>'+ $(this).attr('tagName') +'-focusout');
});
});
</script>
</html>