TextBox.Blur

Syntax

Blur: function(sender, args, timeout);

Parameters

sender. Event source.

args. Event information.

timeout. Time delay (milliseconds) after which the event is fired.

Description

The Blur event occurs when the text field loses focus.

Example

To execute the example, the page must contain the TextBox component named textBox (see Example of Creating the TextBox Component). Create the second text box with the hidden text, handle the following events: Blur, Focus, ValueChanged, set focus for the text box:

// Set transparent text of the first text box
textBox.setWatermarkText("Text box 1");
// Create the second text box
var textBox2 = new PP.Ui.TextBox({
    ParentNode: "TL", // Parent container identifier	
    EnableEdit: true, // Enable editing
    MaxLength: 24, // Maximum text length in component
    IsPassword: true // Indicates whether text is hidden
});
// Set text for the second text box
textBox2.setContent("Text box 2");
// Set focus removal event handler
textBox.Blur.add(function (sender, args, timeout) {
    console.log("The Blur event is initiated")
});
// Set get focus event handler
textBox2.Focus.add(function (sender, args, timeout) {
    console.log("The Focus event is initiated")
});
// set focus to the first text box
textBox.setFocus();
// Deselect focus from the first text box
textBox.blur(); // Set focus in the second text box textBox2.setFocus();

After executing the example the second text box with a hidden text is created:

The browser console displays information that the handled events have been fired:

The Blur event is initialized

Focus event initialized

TextBox