当我们离开文本框时捕获事件

Capture event when we out from text box

本文关键字:事件 文本 当我们离开      更新时间:2023-09-26

我有3个输入文本框。

    <input type="text" id="textbox1" />
    <input type="text" id="textbox2" />
    <input type="text" id="textbox3" />

我想在退出时捕获该文本框值。例如,我在文本框2中输入"stackoverflow",现在我单击文本框3,所以现在我想捕获文本框2的值。如果我没有点击文本框3并点击屏幕上的某个地方,那么我也想捕捉文本框2的值。简而言之,我想捕获输入数据后输出的框文本值。

我尝试了keyUp和change事件,但两者都不能完全满足我的要求。

您可以使用blur事件。您也可以使用focusout,但这会做冒泡事件的额外工作,我认为这不是必需的。

$('[id^=textbox]').blur(function(){
   // do something
});

您可以使用以下方法获取文本框的值:

$(document).ready(function() {
    $('[id^=textbox]').blur(function(){
    var value = $(this).val();
    console.log(value);
});