JavaScript melaksanakan kemahiran menambah dan memadam fungsi pengikatan acara silang pelayar examples_javascript

Contoh dalam artikel ini menerangkan pelaksanaan JavaScript bagi menambah dan memadam fungsi pengikatan acara merentas penyemak imbas. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Fungsi mengikat acara IE ialah attachEvent manakala Firefox dan Safari adalah addEventListener menyokong kedua-duanya; Menggunakan jQuery, anda boleh menggunakan bind(), atau fungsi mudah seperti $().click() untuk menyelesaikan masalah Jika anda tidak menggunakan rangka kerja JavaScript, anda boleh menggunakan fungsi bind() terkapsul berikut.

Tambahkan mengikat acara bind()

/************************************
* 添加事件绑定
* @param obj  : 要绑定事件的元素
* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick".
* @param fn  : 事件处理函数
************************************/
function bind( obj, type, fn ){
  if( obj.attachEvent){
    obj['e'+type+fn]= fn;
    obj[type+fn]=function(){
     obj['e'+type+fn]( window.event);
    }
    obj.attachEvent('on'+type, obj[type+fn]);
  }else
    obj.addEventListener( type, fn,false);
}

Sebagai contoh, tambahkan acara klik pada dokumen:

var fn=function(){
  alert("Hello, World!!");
};
bind(document,"click", fn);

Padamkan ikatan acara unbind()

unbind() untuk fungsi bind() di atas

/************************************
* 删除事件绑定
* @param obj : 要删除事件的元素
* @param type : 事件名称。不加 "on". 如 : "click" 而不是 "onclick"
* @param fn : 事件处理函数
************************************/
function unbind( obj, type, fn ){
  if( obj.detachEvent){
    obj.detachEvent('on'+type, obj[type+fn]);
    obj[type+fn]=null;
  }else
    obj.removeEventListener( type, fn,false);
}

Sebagai contoh, padamkan peristiwa klik dokumen terikat pertama:

Salin kod Kod adalah seperti berikut:

nyah ikatan(dokumen,"klik",fn);

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.