Question

是否有可能使用onclick HTML属性进行调用不止一个jQuery函数

onclick="$('#editParentDetailsViews').removeClass('tab selected');$('#editStudentDetailsPopupPnl').hide(); return false;"

这里，第一个功能正常工作，第二个功能不起作用。

Answer 1

我建议你这些方式：

1 - addEventListener：

   document.getElementById('btn').addEventListener('click', function(){
    function1();
    function2();
   });

2-inline（onclick）

onClick="function1();function2();"

3-Jquery标准点击功能：

 $("button").click(function(){
    //Your functions code here
});

4-Jquery on：

 $('#button').on('click',function(){
   //Your code here
 })

你可以找到更多方法......

Answer 2

为什么不使用jquery click（）监听器？不要将dom与jquery混合使用。保持简单。

$(yourselector).click(function(){
    //call some funtions
});

Answer 3

<div id="yup">click me</div>

JS

$(function(){ // same as $(document).ready()...
  $('#yup').on('click',function(){
   // call function 1
   // call function 2
   // call function 3
   // ...
  });
});

DEMO

html onclick上有多个函数调用

3 个答案: