Home > Developer > JavaScript
Javascript implements the same event name and calling methods for different namespaces
This example describes how to call javascript with the same event name and different namespaces. Share it with you for your reference. The specific implementation method is as follows:
?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<Html xmlns = "http://www.w3.org/1999/xhtml"> <Head> <Title> </title> <Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/> <Script src = ".../scripts/jquery-1.3.1.js" type = "text/javascript"> </script> <Script type = "text/javascript"> $ (Function (){ $ ("Div"). bind ("click", function (){ $ ("Body"). append ("<p> click event </p> "); }); $ ("Div"). bind ("click. plugin", function (){ $ ("Body"). append ("<p> click. plugin event </p> "); }); $ ("Button"). click (function (){ $ ("Div"). trigger ("click! "); // Note the exclamation point after clicking // Click! There is an exclamation point next to it, which calls a click event without any namespace. // There is no exclamation mark after the click. It is used to call all the click events (whether in that namespace) // Click. plugin is the click event that calls a specific namespace (in this example, plugin) }); }) </Script> </Head> <Body> <Div style = "width: 100px; height: 50px; background: #888; color: white;"> test. </div> <Button> trigger an event based on the namespace </button> </Body> </Html> |
I hope this article will help you design javascript programs.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
