一个关于继承实例中监听器不起作用出现的异常，求解答
日期：2014-05-16 浏览次数：20442 次
一个关于继承实例中监听器不起作用出现的错误，求解答
以下是我学习过程中出现的错误，哪位大神能帮忙下呢，小弟非常感谢啊！代码如下：
我知道浏览器不同，监听器也是不同的，本想自己总结下的，但是自己这方面还不是很清楚，希望路过的大神能帮忙总结下，真的很感谢哈！
------解决方案--------------------
试下直接用jquery的事件绑定？
------解决方案--------------------
看一下行不行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
以下是我学习过程中出现的错误，哪位大神能帮忙下呢，小弟非常感谢啊！代码如下：
- JScript code
/*
* 就地编辑器实例
*/
function EditInPlaceField(id,parent,value){
this.id = id;
this.value = value || 'default value';
this.parentElement = parent;
this.createElements(this.id);
this.attachEvents();
}
EditInPlaceField.prototype = {
createElements : function(id){
this.containerElement = document.createElement("div");
this.parentElement.appendChild(this.containerElement);
this.staticElement = document.createElement("span");
this.containerElement.appendChild(this.staticElement);
this.staticElement.innerHTML = this.value;
this.fieldElemtnt = document.createElement("input");
this.fieldElemtnt.type = "text";
this.fieldElemtnt.value = this.value;
this.containerElement.appendChild(this.fieldElemtnt);
this.saveButton = document.createElement("input");
this.saveButton.type = "button";
this.saveButton.value = "Save";
this.containerElement.appendChild(this.saveButton);
this.cancelButton = document.createElement("input");
this.cancelButton.type = "button";
this.cancelButton.value = "Cancel";
this.containerElement.appendChild(this.cancelButton);
this.convertToText();
},
attachEvents : function(){
var that = this;
//运行到这里监听事件不起作用了
addEventListener(this.staticElement,"click",function(){
that.convertToEditable();
});
addEventListener(this.saveButton,"click",function(){
that.save();
});
addEventListener(this.cancelButton,"click",function(){
that.cancel();
});
},
convertToEditable : function(){
this.staticElement.style.display = "none";
this.fieldElemtnt.style.display = "inline";
this.saveButton.style.display = "inline";
this.cancelButton.style.display = "inline";
this.setValue(this.value);
},
save : function(){
this.value = this.getValue();
var that = this;
var callback = {
success : function(){
that.convertToText();
},
failure : function(){
alert("Error saving value.");
}
};
//ajaxRequest('Get',"url",callback);
},
cancel : function(){
this.convertToText();
},
convertToText : function(){
this.staticElement.style.display = "inline";
this.fieldElemtnt.style.display = "block";
this.saveButton.style.display = "block";
this.cancelButton.style.display = "block";
this.setValue(this.value);
},
setValue : function(value){
this.fieldElemtnt.value = value;
this.staticElement.innerHTML = value;
},
getValue : function(){
return this.fieldElemtnt.value;
}
}
$(function(){
var titleClassical = new EditInPlaceField("titleClassical",$("#doc").get(0),"Title Here");
var currentTitleText = titleClassical.getValue();
})
<body>
<div id="doc"></div>
</body>
我知道浏览器不同，监听器也是不同的，本想自己总结下的，但是自己这方面还不是很清楚，希望路过的大神能帮忙总结下，真的很感谢哈！
------解决方案--------------------
试下直接用jquery的事件绑定？
------解决方案--------------------
看一下行不行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
