实施例

Question

我正在寻找类似的东西：

if (..button1 is pressed..){
some function
}

if (...button2 is pressed...){
some other function
}

但所有这些都需要成为一些完全不同的功能的一部分。

类似的东西：

$(document).ready(function () {
$(".Test").hover(function () {
  if (...Button is pressed...) {
 $('.dropdown').slideToggle('medium');
  }
});
});

Answer 1

我假设您想要将事件监听器附加到几个按钮？在这种情况下，您可以像下面的代码那样执行：

$(document).ready(function () {
  $('#btn1').click(function() {
    // do stuff with button 1
    console.log('button 1 clicked');
  });
  $('#btn2').click(function() {
    // do stuff with button 2
    console.log('button 2 clicked');
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id='btn1'>button 1</button>
<button id='btn2'>button 2</button>

Answer 2

您可以使用target查找点击的按钮ID，并将该ID存储在全局变量中，以便在悬停时使用。

   var id ='';
   $("button").click(function(e){
        id= e.target.id;
    });

稍后悬停时，您可以使用该全局变量。

$(".Test").hover(function () {
  if (id=='matchYourID') {
    $('.dropdown').slideToggle('medium');
  }
});

Answer 3

实施例

＆＃13;

$(function(){
  $('#button1').click(function(event){
    alert('button 1 clicked');
  });

  $('#button2').click(function(event){
    alert('button 2 clicked');
  });
});

＆＃13;

<!DOCTYPE>
<html>
  <head></head>
  <body>
    <button id='button1'>button 1</button>
    <button id='button2'>button 2</button>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  </body>
</html>

＆＃13;

Javascript如果按下按钮 - 做东西

3 个答案:

实施例