Самое простое - это:
<input type = "button" onclick = "alert (this.value)" value = "i - кнопка" />
Динамически добавить событие Onclick:
<input type = "button" value = "i - кнопка" id = "bu"> <script type = "text/javascript"> var bobj = document.getelementbyid ("bu"); bobj.onclick = objclick; function objclick () {alert (this.value)}; </script>Если вы используете функцию анонимной функции () {}, это следующее:
<input type = "button" value = "I Am Am Am Im ID =" BU "> <script type =" text/javascript "> var bobj = document.getElementbyid (" bu "); bobj.onclick = function () {alert (this.value)}; </script>Вышеуказанные методы на самом деле являются одним и тем же принципом, все они определяют значение атрибута OnClick. Стоит отметить, что если obj.onclick определяется несколько раз, например: obj.onclick = method1; obj.onclick = method2; obj.onclick = method3, тогда вступит только последнее определение obj.onclick = method3, и два предыдущих определения перезаписаны последним.
Давайте снова посмотрим на AttactEvent в IE:
<input type = "button" value = "i am amd jud =" bu "> <script type =" text/javascript "> var bobj = document.getelementbyid (" bu "); bobj.attachevent (" onclick ", method1); bobj.attachevent (" onclick ", method2); bobj.attachevent (" onclick ", method1); Alert ")} функция Method2 () {alert (" Second Alert ")} Метод функции3 () {alert (" Третий оповещение ")} </script>Порядок выполнения - это метод3> метод2> метод1, сначала, а затем, а затем, аналогично переменным в стеке. Следует отметить, что первый параметр в AttactEvent начинается, который может быть OnClick/onmouseover/Onfocus и т. Д.
Говорят, что (неподтвержденная проверка) лучше всего использовать отряд для свободной памяти после использования AttactEvent в IE.
Давайте посмотрим на AddeventListener в Firefox:
<input type = "button" value = "i am am bush" id = "bu"> <script type = "text/javascript"> var bobj = document.getelementbyid ("bu"); bobj.addeventlistener ("click", method1, false); bobj.addeventlistener ("click", method2, false); method1 () {alert ("First Alert")} function method2 () {alert ("second alert")} method3 () {alert ("Третий оповещение")} </script>Как видите, порядок выполнения в FF IS Method1> Method2> Method3, который является точно противоположностью IE, сначала в первую очередь. Следует отметить, что addeventlistener имеет три параметра. Первое - это имя события без "ON", например, Click/Mouseover/Focus и т. Д.
Простым примером события OnClick в Div Динамически добавлено JS, является весь контент, который я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.