hi,欢迎访问本站!
当前位置: 首页Web前端正文

input失去焦点事件

墨初 Web前端 892阅读

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>
声明:无特别说明,转载请标明本文来源!