码迷,mamicode.com
首页 > 其他好文 > 详细

input的焦点事件

时间:2019-02-18 14:54:20      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:width   document   javascrip   asc   不能   ==   resize   tor   div   

<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>

input的焦点事件

标签:width   document   javascrip   asc   不能   ==   resize   tor   div   

原文地址:https://www.cnblogs.com/yangwan/p/10395264.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!