javascript - 如何调用类内部的方法？

Question

这个问题已经有答案了:

Adding onClick event dynamically using jQuery (7 个回答)

已关闭 5 年前。

我在 html 中有这个按钮:

<button id="btnCell" onclick="CellClicked(1, 1, false)"></button>

还有这个 JavaScript:

 $(function() {       
    $( "#txtSearch" ).autocomplete({
      source: function( request, response ) {
         //some logic
      },
      minLength: 2,
      select: function( event, ui ) {
        log( "Selected: " + ui.item.value + " aka " + ui.item.id );
        },
    });

  function CellClicked(x, y, selXml) {          
        //some logic
    }        
});

每当我点击上面的按钮时，我都会收到此错误:

Uncaught ReferenceError: CellClicked is not defined

发生这种情况是因为方法封装在类中，我知道我可以将该方法拖出类，它就会起作用。

但是我希望封装该方法，我问的问题是，当方法 CellClicked 封装时，如何调用该函数？

Answer 1

您可以通过 Javascript 添加监听器，而不是通过标记。这比将函数移至全局范围更可取。

 $(function() {       
    $( "#txtSearch" ).autocomplete({
      source: function( request, response ) {
         //some logic
      },
      minLength: 2,
      select: function( event, ui ) {
        log( "Selected: " + ui.item.value + " aka " + ui.item.id );
        },
    });

    function CellClicked(x, y, selXml) {          
        //some logic
    }       

    $('#btnCell').on('click', function() {
        CellClicked(1,1,false);
    }) 
});