Method of adding events to elements through native JS _javascript tips

You write a method that adds events to an element and encapsulates it in an object.

Description

ID: ID of target element

Type: Types of events, note that you cannot add on

fn: Event handlers

Isbubble: Specify the flow of events

Code:

var bindevent = {

    ' Add ': function (id,type,fn,isbubble) {

      var dom = document.getElementById (ID);
      if (!isbubble) Isbubble=false;
      if (dom.addeventlistenner) {
        dom.addeventlistenner (type,fn,isbubble);
      } else if (dom.attachevent) {
        Transit = function () {
          fn.call (DOM);
        }
        Dom.attachevent (' on ' +type,transit);
      } else{
        dom[' on ' +type] = fn;
      }
    ,
    ' Remove ': function (id,type,fn,isbubble) {
      var dom = document.getElementById (ID);
      if (!isbubble) Isbubble=false;
      if (dom.removeeventlistenner) {
        Dom.removeeventlistenner (type,fn,isbubble)
      }else if (dom.detachevent) {
        dom.detachevent (' on ' +type,transit)
      } else{
        dom[' on ' +type]=null
      }}

    }

  

Call Method:

Define event handler
 function msg () {
  alert (this.tagname)
 }

 //For Target element binding event
 Bindevent.add (' Link ', ' click ', Msg,false);

 Unbind the target element from the event
 bindevent.remove (' Link ', ' click ', Msg,false);

The above article through the original JS to add events for the elements of the method is small to share all the content of everyone, hope to give you a reference, but also hope that we support the cloud-dwelling community.