主要有两种:一是使用blur()方法,二是使用on()方法。
blur()方法
blur()方法是jQuery中最常用的失去焦点事件的绑定方法,它可以绑定指定元素的失去焦点事件,当元素失去焦点时,会触发blur()方法中指定的函数。使用blur()方法的语法格式如下:
$(selector).blur(function(){ //失去焦点后要执行的代码 });
其中,selector表示要绑定失去焦点事件的元素,function()中的代码表示失去焦点后要执行的代码。例如,要绑定id为test的文本框的失去焦点事件,可以使用如下代码:
$("#test").blur(function(){ alert("文本框失去焦点了!"); });
on()方法
on()方法是jQuery中最新的事件绑定方法,它可以绑定任意事件,包括失去焦点事件。使用on()方法的语法格式如下:
$(selector).on("blur",function(){ //失去焦点后要执行的代码 });
其中,selector表示要绑定失去焦点事件的元素,function()中的代码表示失去焦点后要执行的代码。例如,要绑定id为test的文本框的失去焦点事件,可以使用如下代码:
$("#test").on("blur",function(){ alert("文本框失去焦点了!"); });
以上就是,使用blur()方法和on()方法都可以实现失去焦点事件的绑定,用户可以根据自己的需要进行选择。