访问javascript onclick函数中的对象

Access object in javascript onclick function

本文关键字:对象 函数 javascript onclick 访问      更新时间:2023-09-26

如何访问从DOM元素的onclick事件调用的函数中的对象?

<script>
function myObj(){
    //...
}
myObj.prototype.doStep = function (num) {
    //...
}
var obj = new myObj();
function process_step(n) {
    //do something with the existing obj
    obj.doStep(n); //obj is undefined
}
$("body").append("<button onclick='process_step(1)'>Process Step 1</button>");
</script>

像这样尝试

<script>
  function myObj(){
    //...
  }
  myObj.prototype.doStep = function (num) {
    console.log(num);
  }
  var obj = new myObj();
  myObj.prototype.process_step = function(n) {
     this.doStep(n); //obj is undefined
  }
  obj.process_step(1);
    $("body").append("<button onclick='process_step(1)'>Process Step 1</button>");
    </script>