单击按钮-将单击功能绑定到另一个功能

时间:2018-09-29 05:21:05

标签: javascript jquery

function test() {console.log('test');}

$('#btna').click(function(){
  $('#btnb').onclick = test();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>

单击btna我只想将test()函数绑定到btnb而不执行它们。

有帮助吗?

6 个答案:

答案 0 :(得分:1)

您可以将此代码用于绑定事件

function test() {console.log('test');}

$('#btna').click(function(){
  $('#btnb').bind({click:test});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>

答案 1 :(得分:0)

您可以使用.on()

绑定事件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>
UICollectionViewCell

答案 2 :(得分:0)

尝试这个例子

function test() {
  console.log(this);
}
$(function() {
  var btnb = $('#btnb');
  $('#btna').on('click', function() {
    console.log(this);
    if (btnb.data('enbld')) {
      return; /* avoid multiple click bindings */
    }
    btnb.on('click', test).data('enbld', 1);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>

答案 3 :(得分:-1)

为什么不以与第一次单击事件相同的方式绑定它。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>
function test() {console.log('test');}

$('#btna').click(function(){
  $(document).on('click', '#btnb', test);
});

答案 4 :(得分:-1)

这样做吧。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>
{{1}}

答案 5 :(得分:-2)

你去了!

function test() {console.log('test');}
	
  $('#btna').click(function(){
     $( "#btnb").unbind( "click" ); // just incase user clicks the button A multiple times
     $('#btnb').click(function(){test();})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btna'>BUTTON A</button>
<button id='btnb'>BUTTON B</button>