javascript - onchange原型(prototype)函数调用

Question

文件a.js

function a(){}
a.prototype.z=function(){console.log('z')};
a.prototype.b=function(){
var elementHtml='<select 
onchange="/* what to fill here to make a call to a.prototype.z */
"><option value="1">call z</option>';
};

文件b.js

var qw= new a();
/* call to function */
document.querySelector("#somediv").innerHTML=qw.b();

我需要从 a.b 内部调用 a.z。这种设计是否可能实现这一点，或者我应该使用其他声明/设计？？。

Answer 1

我假设您想调用 z()上qw对象而不是直接a.prototype.z() .

您的代码不起作用，因为 var elementHtml='<...'只是创建一个字符串变量而不是 DOM 元素本身。

最简单的是，附加字符串，查询 select元素，然后使用 addEventListener() 将事件监听器绑定(bind)到它。 .

function a(){}
a.prototype.z=function(){console.log('z')};
a.prototype.b=function(){
    var elementHtml='<select><option value="1">select</option><option value="2">call z</option>';
    return elementHtml;
};

var qw= new a();
/* call to function */

var div = document.querySelector("#somediv");
div.innerHTML = qw.b();

console.log(div.querySelector('select'));
div.querySelector('select').addEventListener('change', qw.z);

<div id="somediv"></div>