input的焦点事件
Posted yangwan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了input的焦点事件相关的知识，希望对你有一定的参考价值。
<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的焦点事件的主要内容，如果未能解决你的问题，请参考以下文章
Input 控件的Onchange 与onBlur 事件区别？
vue3+antdesign的输入框(input)添加失去焦点触发事件
[TimLinux] JavaScript input框的onfocus/onblur/oninput/onchange事件介绍