input失去焦点事件
墨初 Web前端 889阅读
html input 输入框在失去鼠标的焦点时，可以触发失去焦点的事件，此事件可用于输入内容的检测等等。下面是关于原生js代码以及jquery插件代码中input失去焦点事件的写法。
原生js下input失去焦点的事件
input 输入框失去焦点的事件为 onblur ，只需要为其事件挂载一个触发的函数即可！
示例代码：
<input type="text" name="" id="" onblur="inputonblur(this)">
<script>
function inputonblur(e)
{
var val = e.value;
console.log(val);
}
</script>Jquery下input失去焦点事件
例：
<!-- 73so.com -->
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<input type="text" name="" id="">
<script>
$(document).ready(function(){
$("input").blur(function(){
console.log("输入框失去了焦点");
});
});
</script>