JQuery - Why does Trigger method call it three times?
Samuel
$(document).ready(function(){
$("input").select(function(){
$("input").after(" Text marked!");
});
$("button").click(function(){
$("input").trigger("select");
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<input type="text" value="Hello World"><br><br>
<button>Trigger the select event for the input field</button>Could someone tell me why select event triggered three times after a button click?
It seems that using IE and Chrome can lead different result.
Nipuna
In IE and Firefox this works fine. Noticed the issue only in Chrome
This seems to be happen because the event gets bubbled up. If you inspect this using Developer tools you can see more information
If you inspect developer tools at last step breakpoint you can notice isTrigger attribute is true meaning it came from the trigger we have defined.
The next two hits of the same breakpoint of $("input").after(" Text marked!"); Developer tools shows almost similar set of attributes. Notice the bubbles attribute is true
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: How would one create a dynamic html table from a one dimensional array, taking into account rowspan and colspan?
- Next: How to install jQuery plugin?
Related
TOP Ranking
- 1
Can't pre-populate phone number and message body in SMS link on iPhones when SMS app is not running in the background
- 2
pump.io port in URL
- 3
How to import an asset in swift using Bundle.main.path() in a react-native native module
- 4
Loopback Error: connect ECONNREFUSED 127.0.0.1:3306 (MAMP)
- 5
Failed to listen on localhost:8000 (reason: Cannot assign requested address)
- 6
Spring Boot JPA PostgreSQL Web App - Internal Authentication Error
- 7
Is this docker-for-mac password dialog legit?
- 8
Double spacing in rmarkdown pdf
- 9
ngClass error (Can't bind ngClass since it isn't a known property of div) in Angular 11.0.3
- 10
Vector input in shiny R and then use it
- 11
Assembly definition can't resolve namespaces from external packages
- 12
Bootstrap 5 Static Modal Still Closes when I Click Outside
- 13
Can a 32-bit antivirus program protect you from 64-bit threats
- 14
Using Response.Redirect with Friendly URLS in ASP.NET
- 15
BigQuery - concatenate ignoring NULL
- 16
How to how increase/decrease compared to adjacent cell
- 17
AirflowException: Celery command failed - The recorded hostname does not match this instance's hostname
- 18
@RefreshScope annotated Bean registered through BeanDefinitionRegistryPostProcessor not getting refreshed on Cloud Config changes
- 19
MTKView Displaying Wide Gamut P3 Colorspace
- 20
Displaying attached image with post how to i get it to display
- 21
Python connect to firebird docker database
Comments