自定义一个类,类内部使用DOM方法生成一些网页元素,例如button,如何将onclick定义为调用这个类的某个方法?
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的事件中……
望高人指点~~~
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事件的原因及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
调用innerHTML之后onclick失效问题的解决方法
调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件
JavaScript onclick事件使用方法详解
onclick是一个事件,当事件被触发时就会执行处理,onclick是一个处理鼠标点击的事件。本篇文章就给大家分享关于JavaScript中onclick事件的用法。 我们首先来看一下onclick事件的语法 以下是如何使用onclick事件编写。 使用document.getElementById()在文档中指定id元素,并使用function(){}处理单击该元素时发生的事件。 document.getElementById("button").onclick = function() { // 设置在此处单击#button时要发生的事件 }; 我们来看具体的示例 以下是使用oncl
VUE DOM加载后执行自定义事件的方法
今天小编就为大家分享一篇VUE DOM加载后执行自定义事件的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
详解在Vue中通过自定义指令获取dom元素
本篇文章主要介绍了详解在Vue中通过自定义指令获取dom元素 ,具有一定的参考价值,有兴趣的可以了解一下。


