自定义一个类,类内部使用DOM方法生成一些网页元素,例如button,如何将onclick定义为调用这个类的某个方法?

CIT CIT 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
window.onload=function(){
var GridTable = function(){
this.id = arguments[0];
this.button = document.getElementById('button');//此段方法应为生成一个button,为方便提问而进行了简化

this.show = gridshow;
this.tt=function(){alert('this.tt()');};
}

function gridshow(){
document.getElementById('div').innerHTML='<input type="button" name="button" id="button" value="按钮" onclick="'+this.id+'.tt();" />'
//var x=this.id;
//this.button.onclick=function(x)
// {alert(x)};
}

grid1 = new GridTable('grid1');
grid1.show();

}
注意function gridshow(),现在是直接修改div内的html代码将onclick事件指定为“grid1.tt();“;
而我希望能使用DOM的标准方法来设定onclick
可是IE不支持DOM的button.setAttribute('onclick',this.id+'.tt();'),只能用button.onclick = function(){......};的方法,而现在我无法将grid1的句柄传给onclick的事件中……
望高人指点~~~
...全文

相关推荐

动态生成的DOM不会触发onclick事件的原因及解决方法

下面小编就为大家带来一篇动态生成的DOM不会触发onclick事件的原因及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38747906

调用innerHTML之后onclick失效问题的解决方法

调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件

weixin_38618819

JavaScript onclick事件使用方法详解

onclick是一个事件,当事件被触发时就会执行处理,onclick是一个处理鼠标点击的事件。本篇文章就给大家分享关于JavaScript中onclick事件的用法。 我们首先来看一下onclick事件的语法 以下是如何使用onclick事件编写。 使用document.getElementById()在文档中指定id元素,并使用function(){}处理单击该元素时发生的事件。 document.getElementById("button").onclick = function() { // 设置在此处单击#button时要发生的事件 }; 我们来看具体的示例 以下是使用oncl

weixin_38688403

VUE DOM加载后执行自定义事件的方法

今天小编就为大家分享一篇VUE DOM加载后执行自定义事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38499553

详解在Vue中通过自定义指令获取dom元素

本篇文章主要介绍了详解在Vue中通过自定义指令获取dom元素 ,具有一定的参考价值,有兴趣的可以了解一下。

weixin_38709139
评论 2
收藏 已收藏
分享
返回顶部
CIT
JavaScript 87,984 成员 224,681 内容