2015-10-19 93 views
0

假设我想制作一个普通的JavaScript插件。附加一个普通的JavaScript插件到多个html元素

var myPlainJsPlugin = (function (param1,param2) { 
    /*code here*/ 
}); 

我如何重视这个插件,该文件被加载后立即,与类“elmClass”,所有元素,而不 jQuery的?

我基本上谈论作出普通的JavaScript插件类似使用到使用jQuery插件:

$('.elmClass').jQueryPlugin(); 

我想放弃的jQuery的某个项目。

+0

你是什么意思重视呢?点击,悬停加载?哪个事件和它应该做什么?它应该扩展HTMLElement吗? – Saar

+0

那不是*插件* - 它只是一个*功能*! – Jamiec

+0

载入。优雅。 –

回答

0
window.onload = function(){ 
    var els = document.getElementsByClassName("elmClass"); 

    Array.prototype.forEach.call(els, function(el) { 
      // Add code here 
      // e.g: el.onclick = doSomething(); 
    }); 
}; ` 

`

来源:Link

0

试试这个:

var elemtsWithClass = document.querySelectorAll(".elmClass"); 
    for(var x=0; x<elemtsWithClass.length; x++){ 
      elemtsWithClass[x].addEventListener("click", function(e) {}); 
    }); 
相关问题