javascript - onclick 同时调用两个函数

Question

我用谷歌搜索了这个问题，找到了很多答案，但不适合我的问题。

我试图让一个按钮同时调用多个函数(确切地说是 2 个):

JS

     $(window).load(function(){
   $(function() { 
     $('.btnSave2').on('click', function(){ 
        // first function code
        html2canvas($(this).next(), {
          onrendered: function(canvas) {
            theCanvas = canvas;
            document.body.appendChild(canvas);

            canvas.toBlob(function(blob) {
              saveAs(blob, "Dashboard.png"); 
        });
        }
      });

     // second function code
     $('canvas').appendTo('#here');  // appendTo -> selector


    });
  }); 
});

HTML

<a href="#" class="btn">Click</a>

我已经尝试了一切，我不是网络开发人员，我只是出于学校 children 的需要而尝试构建我的产品原型(prototype)(我 14 岁，所以无法雇用任何人) .

有人有任何实际有效的解决方案吗？

Answer 1

您可以在第二个函数本身中调用包含第一个函数。就像下面一样 -

 $( document ).ready(function(){ 
     $('.btn').on('click', function(){ 
        // first function code
        html2canvas($(this).next(), {
          onrendered: function(canvas) {
            theCanvas = canvas;
            document.body.appendChild(canvas);

            canvas.toBlob(function(blob) {
              saveAs(blob, "Dashboard.png"); 
        });
        }
      });

     // second function code
     $('canvas').appendTo('#here');  // appendTo -> selector

    });
});