input失去焦点事件

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>