Shulou(Shulou.com)06/01 Report--

Today, I will talk to you about how to simulate click events in JavaScript, many people may not know much about it. In order to make you understand better, the editor has summarized the following content for you. I hope you can get something according to this article.

Js simulation click event implementation code

In actual application development, we often use JS module events, such as click events, to take a simple example, click the "submit" button outside the form to submit the form. Go to the code.

Html:

The copy code is as follows:

Click submit, and the click event of the test submit button is also triggered.

Submit

Javscript:

The copy code is as follows:

After testing, there is no problem with IE,FF,Chrome,Opera,Safari, and the form can be submitted normally.

But in the actual design, in order to make the submit buttons look better, buildder often uses a tag to deal with them, adding a background picture to simulate the button, we still use the above idea to try, add an a tag, let it submit the form, we only modify the html.

Html:

The copy code is as follows:

Click submit, and the click event of the test submit button is also triggered.

Submit

Simulation submit button

_ javascript:

The copy code is as follows:

After running, the problem occurs. IE, FF and Opera all OK, but Chrome and Safari do not work properly. Later, after searching on the Internet, it is found that the a tag does not have the same onclick () event as the button. The solution is to write different logic for IE and FF. The JS code is as follows:

_ javascript:

The copy code is as follows:

At this point, the problem is solved, although the problem is very simple, but it is easy to be ignored, posted and shared with you.

Syntax:

CreateEvent (eventType)

Parameter describes the event module name of the Event object that eventType wants to get. For a list of valid event types, see the description section.

Return value

Returns the newly created Event object of the specified type.

Throw out

If the implementation supports the required event type, the method throws a DOMException exception with code NOT_SUPPORTED_ERR.

Description

This method creates a new event type specified by the parameter eventType. Note that the value of this parameter is not the name of the event interface to be created, but the name of the DOM module that defines that interface.

The following table lists the legal values of eventType and the event interfaces created by each value:

Parameter event interface initialization method HTMLEventsHTMLEventiniEvent () MouseEventsMouseEventiniMouseEvent () UIEventsUIEventiniUIEvent ()

After you create the Event object with this method, you must initialize the object with the initialization method shown in the table above. For more information about initialization methods, see the Event object reference.

This method is not actually defined by the Document interface, but by the DocumentEvent interface. If an implementation supports the Event module, the Document object implements the DocumentEvent interface and supports the method.

After reading the above, do you have any further understanding of how to simulate click events in JavaScript? If you want to know more knowledge or related content, please follow the industry information channel, thank you for your support.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.