js添加onclick中自定义方法

最近写一个插件的时候遇到了这么一个问题。

　　插件的要求是，仅仅通过一行js代码，就需要生成相应的页面，不能改变源文件的代码

生成页面还好说，但是有一个问题就是，生成的页面中是有一个按钮的。按钮也是可以添加自定义事件的，而且因为不能用addEventListener这个函数，只能在用标签里的onclick

现在问题解决了。因为onclick后面的可以看成一个单独的javascript文件。所以只需要如上图一样，添加上一个

(function(){ //这里填写代码 })()

就可以了

源码

function CDint(CDintfun){

    this.CDintfun = CDintfun || function(){};

    this.init = function(){

        this.divBlur.classList.add("black_blur");

        this.blackDiv = document.createElement("div");

        this.blackDiv.className = "black";

        this.blackDiv.id = "black";

        var rewardString = "";

        this.blackDiv.innerHTML = "<div class=\"black_play_game\" id=\"black_play_game\" onclick=\'("+this.out+")();("+this.CDintfun+")()\'>开始游戏</div>"

        document.body.appendChild(this.blackDiv);

    };

    this.out = function(){

        document.querySelector("#black").classList.add("black_move");

        document.querySelector(".black_blur").classList.add("black_blur_move");

    }

}

巴特西

js添加onclick中自定义方法

最新文章

热门文章