<body>
<h3>表單中文本框的focus和blur事件</h3>
<input id="txtest" type="text" value="" />
<div></div>
<script type="text/javascript">
(function(){
var html=document.querySelector('html')
html.style.fontSize=window.innerWidth/7.5+'px'
window.onresize=function(e){
html.style.fontSize=window.innerWidth/7.5+'px'
}
})()
//focus事件在元素獲取焦點時觸發，如點擊文本框時，觸發該事件；而blur事件則在元素丟失焦點時觸發，如點擊除文本框的任何元素，都會觸發該事件
$(function(){
$('input').bind('focus',function(){
$('div').html('請輸入你的姓名！')
})
$('input').bind('blur',function(){
if($(this).val().length==0){
$('div').html('你的名字不能為空！')
}
})
});
</script>
</body>