Why is my JavaScript button onclick function firing twice?

Why is my JavaScript button onclick function firing twice?

Maybe you are attaching the event twice on the same button. What you could do is unbind any previously set click events like this: This works for all attached events (mouseover, mouseout, click.) My event was firing twice because I accidentally included both my_scripts.js AND my_scripts.min.js. Ensure you only include one.

Why is my click event called twice in jQuery?

The vanilla JS version using querySelector which isn’t compatible with older versions of IE: This behavior occurs when the input tag is structured within the label tag: If the input checkbox is placed outside label, with the use of the id and for attributes, the multiple firing of the click event will not occur:

What happens when you click on a label twice?

A click on the label will also trigger a click on the associated element. (which in your case is firing your click event twice.) This fiddle illustrates that all the other solutions – stopPropagation, stopImmediatePropagation, preventDefault, return false – either change nothing or destroy the checkbox/radio functionality).

Why is my onchange function called twice in chrome?

There’s a way easier and more reasonable solution. As you expect onchange fire when the input value changes, you can simply explicitly check, if it was actually changed. I can confirm myOnChange gets called twice on Chrome. But the context argument is the initial input field on both calls. If you remove the alert call it only fires once.

When to use JavaScript in Visualforce actionstatus?

The JavaScript invoked if the onmouseover event occurs–that is, if the user moves the mouse pointer over the component. The JavaScript invoked if the onmouseup event occurs–that is, if the user releases the mouse button.

How to use actionstatus tag in Salesforce.com?

Error Handling in Salesforce.com actionStatus tag in visualforce tag actionStatus This tag helps you to display the status AJAX request like an AJAX request can either be in progress. See the below example to understand tag.

Why does JavaScript only execute on first page load?

The first time I load the page by entering the url in the webbrowser, the second time I load the page by clicking the link inside sharepoint website (same url). It seems to me that this problem occurs because it is not a complete pageload. Looks like some ajax magic to me.

Why is runaftereverythingelse only executed on first page?

However, runAfterEverythingElse () is a ‘onload’ event (if I understand the point of ‘_spBodyOnLoadFunctionNames’ correctly). So is it possible that there is a conflict between the body ‘onload’s firing, and the time the UI is considered ‘ready’, and there’s a timing issue somewhere?

How to unbind event from selector in JavaScript?

Unbind event from selector and after appending in element in DOM again trigger event on specific selector.. $ (“selector_name”).unbind ( “event” ); //After this call event on selector again..

How to use one onClick event for all buttons?

I would like to use one onclick event that calls the same function for all buttons (writing 24 times the same could doesn’t seem efficient).Now my problem is (beside lack of knowledge) that currently if I create the control and click one button it calls the following event: But this changes the background of the control, not of clicked button.

How to prevent multiple clicks on button in JavaScript?

The button click event in javascript is only for preventing double click. The form submission is synchronous using ASP.Net. calling Page_ClientValidate () repeatedly may cause the page to be too obtrusive (multiple alerts etc.).

What to do when jQuery click event triggers multiple times?

The handler triggers multiple times when it is inside another handler, so keep your handler outside and if you want the values of the handler which had nested, assign them to a global variable that it will be accessible to the your handler. Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question.