Often in object oriented code practice, defined events are found within separate encapsulations but may require being bound to the same element. In this recipe we look at how to make multiple addEvent()
calls, not only to the same element, but upon the same bound event action.
This recipe uses code from the previous Chapter 7 "Hello World" recipes. A review of those recipes will have us ready to add events to the same element, same event action.
And, of course, we call upon mybutton
to trigger our actions.
<input type="button" id="mybutton" value="Greet Me!"/>
Add an event to mybutton
whereby a click will fire the function say_hello()
.
// original event added $('mybutton').addEvent('click',say_hello);
Next, we place a trigger event on a link, suggesting to the user that the page can do more assuming that functionality is desirable to the user.
Hey, I wish this button would also change color on click. <a onclick...