Сначала представьте общий метод добавления событий JS. Конкретный контент заключается в следующем
<! Doctype html> <html> <head> <meta charset = "utf-8"> <title> </title> </head> <body> <p id = "p1"> test add Event: firefox использует AddeventListener, IE использует attlevent <br> нажмите на этот тип p, и 2 Event ovent at-up-up-up-up. } function test2 () {alert ("test2"); } // Добавить функцию общего метода события addEvent (element, e, fn) {// firefox использует addeventListener для добавления события if (element.addeventlistener) {element.addeventListener (e, fn, false); } // т.е. Используйте AttachEvent, чтобы добавить Event else {element.attachevent ("on"+e, fn); }} window.onload = function () {var element = document.getElementByid ("p1"); addEvent (element, "Щелкни", тест1); addEvent (element, «Щелкнуть», test2); } </script> </body> </html>Общие способы связать события JS:
Как связать события: связывать функции событий с атрибутами события
преимущество:
1. Завершите разделение поведения
2. Это удобно для использования вовлеченного объекта, поскольку функция появляется как атрибут ON ***, вы можете напрямую обратиться к объекту, использующему это.
3. Легко читать объекты события. Когда событие будет вызвано, система автоматически передает объект события функции события, и один из них будет проходить.
<? xml version = "1.0" Encoding = "UTF-8"?> <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd.> xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> witch. k = document.getElementById ('k'). OnClick = function (event) {var JJ = document.getElementById ('jj'); jj.style.top = event.clientx+'px'; jj.style.left = event.clienty+'px'; }} </script> <style> #K {ширина: 60px; высота: 80px; фоновый цвет:#80ffff;} #jj {width: 60px; высота: 80px; фоновый цвет:#ffff00; z-index: 1000; позиция: абсолют;} </style> </head> <body> <div id = "k"> </div> <div id = "jj"> </div> </body> </html> <div id = "jj"> </div> </body> </html>Выше приведено в этой статье, я надеюсь, что это будет полезно для каждого обучения.