javascript - 无需点击jquery即可执行函数

Question

我希望在我的代码中执行函数appendHtml后立即执行单击添加的div来执行函数myFunction。这是我的代码:

function myFunction()
{
    $('#Page').on('click', '*', function(e)
    {
     //console.log('execute');
    }
}

function appendHtml()
{
   $('.btn').click(function(){
   $('#Page').append('<div>Test</div>');
});
}

HTML:

 <button class="btn"> click </button>
    <div id="Page"></div>

Answer 1

您实际上并不需要那些包装事件监听器的函数，而且它们实际上也没有意义

不能 100% 确定为什么需要 * 作为点击事件监听器的选择器，但您可以执行以下操作来触发它

$('#Page').on('click', '*', function(e) {
  console.log('execute');
});

$('.btn').click(function() {
  var $el = $('<div>Test</div>')
  $('#Page').append($el);
  $el.click()
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn"> click </button>
    <div id="Page"></div>