js 怎样判断ipunt失去焦点

Posted 2023-04-24

比如2个输入框input1 input2
js里 我要知道最后操作是input1 失去焦点还是Input2失去焦点
各位大侠知道的告诉一声。

其实在失去焦点事件(blur)中，我们可以通过this传入的方式，将本元素传入到处理函数中。

下面我给你介绍下实现方式，具体的实现结构请调整为最合适自己项目的形式

<input id="input1" type="text" onblur="inputOnblur(this)">
<input id="input2" type="text" onblur="inputOnblur(this)">

function inputOnblur(input) 
  if (input.id == "input1")
    // do something
  else if (input.id == "input2")
    // do otherthing

此外，如果你的结构不方便在html中设置onblur，想通过事件注册的方式，可以在函数内部使用event.target来访问到具体的触发事件元素

参考技术A //单判断是无法操作的。只能利用循环对input添加失去焦点事件。作出判断

//jq代码:
//这个方法可以理解为最后一个失去焦点
$("input").blur(function()
var id=$(this).attr("id");//根据input的id获取对应input
alert("当前失去焦点的input的id是："+id);
);

参考技术B 不知道楼住的代码是何用途，给你个思路吧，可以给两个input分别加一个变量var a=0,b=0，每次失去焦点都给相应的变量+1；然后比较a和b的大小，就知道谁是最后一个失去焦点的了。追问

对啊，这个方法不错。
是这样的，有数量 单价 折扣 总费用
按折扣可以算出总费用，按总费用可以算出折扣 但是 按金额算出的折扣可能是四舍五入的。如果再次让折扣失去焦点，总费用就会根据折扣计算，就与输入的总费用不一致。
如果改变数量 不知道是按哪个算了。所以我要知道最后失去焦点的是折扣还是总费用。

追答

恩恩，那你试试吧

jquery 怎么让输入框失去焦点

　　javascript通过 onFocus onBlur来判断焦点和失去焦点
　　<input type="text" id="p" onBlur="alert('lose focus!')"
　　onFocus="alert('get focus')" />
　　jquery $("#p").blur(); $("#p").blur(fn)
　　或$("#p").focus(); 或$("#p").focus(fn)来处理焦点事件
　　前者：$("#p").blur();$("#p").focus(); 用来强制获取或失去焦点
　　后者：$("#p").blur(fn)，$("#p").focus(fn)则类似js的onBlur和onFocus用以处理焦点移出和获取时事件处理！ 参考技术A 你可以让别的东西获得焦点，这样输入框就丢失了焦点 参考技术B $("input").blur();

参考技术C 让别的地方获取焦点