Web API --- --- DOM для введения элементов связывания события, в качестве элементов связывания множества кодов, код совместит

1. Для того, чтобы ввести элемент привязки события:

Src связываться непосредственно с больше, чтобы достичь только последний (programmer2.js)

< Входной тип = "кнопка" значение = "按钮" ID = "БТН" /> 
< сценарий SRC = "common.js" > </ скрипт > 
< сценарий в исходные тексты = "programmer1.js" > </ скрипт > 
< сценарий SRC = "programmer2.js" > </ скрипт > 
< скрипт >


  мой $ ( " БТН " ) .onclick = функция () {
    console.log ( " Сяо Ян Shuaio хорошо " );
  };
</ Скрипт >

2. Свяжите больше событий для элемента

Элемент привязки событий (DOM): один из, но не совместимы, вы по-прежнему есть два

1. Объект .addEventListener ( "тип события", обработчик событий, ложь); -----> Google и поддержка Firefox, IE8 не поддерживает

2. Объект .attachEvent ( «есть от типа события,» обработчик событий) -----> Google не поддерживает, не поддерживает Firefox, поддержка IE8

2.1 Объект .addEventListener ( "Тип события", обработчик событий, ложь); -----> Google и поддержка Firefox, IE8 не поддерживает

Корпус: Bound для события нажатия кнопки

Параметр 1: Имя Тип --- Событие события, а не на
Параметр 2: --- Функция обработчика событий (названные функции, анонимные функции)
Параметр 3: Boolean типа, в настоящее время записи ложной

    // связывать то же событие больше , чем тот же элемент - 
    . My $ ( «БТН») , то addEventListener ( «замковое», функция () {
      console.log ( «малый Су жалким ах» );
    }, Ложь );
    мой $ ( "БТН"). addEventListener ( "щелчок", функция () {
      console.log ( «Маленький Су грязный ах» );
    }, Ложь );
    мой $ ( "БТН"). addEventListener ( "щелчок", функция () {
      console.log ( «Маленький Су зла ах» );
    }, Ложь );
    мой $ ( "БТН"). addEventListener ( "щелчок", функция () {
      console.log ( «Маленький Су грязный ах» );
    }, Ложь );

2.2 Объект .attachEvent ( «имеют по типу события,» обработчик событий) -----> Google не поддерживает, не поддерживает Firefox, поддержка IE8

Параметр 1: Тип события --- название события, есть на
Параметр 2: --- Функция обработчика событий (названные функции, анонимные функции)

    мой $ ( "БТН"). attachEvent ( "OnClick", функция () {
      console.log ( "Сяо Ян хорошо Shuaio 1" );
    });

    мой $ ( "БТН"). attachEvent ( "OnClick", функция () {
      console.log ( "Сяо Ян хорошо Shuaio 2" );
    });

    мой $ ( "БТН"). attachEvent ( "OnClick", функция () {
      console.log ( "Сяо Ян хорошо Shuaio 3" );
    });

3. Элемент код привязки событий совместимый

<! DOCTYPE HTML>
<HTML LANG = "EN">
<Голова>
  <Мета кодировка = "UTF-8">
  <Название> название </ название>

</ HEAD>
<Тело>
<Входной тип = "кнопка" значение = "按钮" ID = "БТН" />
<Сценарий SRC = "common.js"> </ скрипт>
<Скрипт>

  // произвольные элементы. Bind любое событие, любой из элементов, типа события, обработчик события 
  функции addEventListener (элемент, типа, Рп) {
     // определить , поддерживает ли браузер этот метод 
    ЕСЛИ (element.addEventListener) {
      element.addEventListener (тип, п, ложно );
    } Иначе ,  если (element.attachEvent) {
      element.attachEvent ( "на" + тип, п);
    } Еще {
      Элемент [ "на" +] = типа п;
    }
  }

  addEventListener (мой $ ( "БТН"), "клик", функция () {
    console.log ( "哦1" );
  });
  addEventListener (мой $ ( "БТН"), "клик", функция () {
    console.log ( "哦2" );
  });
  addEventListener (мой $ ( "БТН"), "клик", функция () {
    console.log ( "哦3" );
  });


</ Скрипт>
</ Body>
</ Html>