Onclick html属性调用封装函数

Question

如何使用html属性onclick="myFunction()"调用封装的jQuery函数？

HTML

<input type="submit" onclick="processForm()">

脚本

(function($) {

    function processForm() {
        alert('You rang?');
    }

})(jQuery);

Answer 1

你做不到。但是，您可以更改应用onclick的范围：

<强> HTML

<input type="submit">

<强> JS

(function($) {

    $('input[type="submit"]').click(function(){
      processForm();
    });

    function processForm() {
        alert('You rang?');
    }

})(jQuery);

Answer 2

您需要将事件和函数放在同一范围内。

 <input type="submit" class="inputTarget">

(function($) {
            $(".inputTarget").on("click",function(){
              processForm();
            });

            function processForm() {
                alert('You rang?');
            }

})(jQuery);