Form Blur:Remove mouse from input box | BCS

Form Blur:Remove mouse from input box

Adobe Launch BCS 7 months ago (01-19) 188 Views 0 Comments
Trigger the action when a form loses the focus. Is to leave from the input box, usually the cursor flashes in the input box, there is no after moving.
As shown above, the cursor was originally in the input box, indicating that it can be entered, but removed, this is Form Blur

Create a Rule

Create a Rule and name it Form Blur:
Form Blur:Remove mouse from input box

EVENTS

Create an EVENTS, select Blur for Event Types:

Form Blur:Remove mouse from input box

Here you need to do some settings for the event type Blur, and you need to locate it. Here, use the CSS method to locate it.

Return to the page of the website, move the mouse to the position you want to track, that is, the input box

Form Blur:Remove mouse from input box

and then right-click to view Inspect, and the cursor will be positioned at the line of the source code where you are. Then copy it as follows:

Form Blur:Remove mouse from input box

Paste into Elements matching the CSS selector:

Form Blur:Remove mouse from input box

There are other settings here, such as And having certain property values ​​and Advanced options (Bubbling)

And having certain property values: This is a restriction on Property,  Using this option to target elements will add logic to the JavaScript library that will adversely affect performance. Adobe recommends using the CSS selector option above. and it is generally not checked.

Advanced options (Bubbling) generally check the first two by default.  Copying CSS using the method above is already positioned to the lowest level, so there is no relationship of inclusion.

These settings can be selected by default.

ACTIONS

Create the first Action and set event1 to Form Blur. The specific settings are as follows:

Form Blur:Remove mouse from input box

 

Create a second Action and set it do  not treat is as a page views. The specific settings are as follows:

Form Blur:Remove mouse from input box

 

The final complete Rules setup is:

Form Blur:Remove mouse from input box

Publish & Test

Publish a version and test it.

 

Form Blur:Remove mouse from input box

I recorded a GIF. Please note that when the tab is clicked on the head, the data of Adobe Experience Cloud Debugger changes and an event will appear.

 

 

 


If you don't understand, You can leave a comment below or email me (haran.huang@ichdata.com).
Like (0)
Post my comment
Cancel comment
Expression Texture Bold Strikethrough Center Italic Sign in

Hi, you need to fill in your nickname and email!

  • Nickname (required)
  • Email (required)
  • Website