javascript - 使用输入而不是按钮调用方法

Question

嗨，JS 中有这个方法:

这个是我现在使用的按钮。

 $('#balpha').click(function(e) {
    e.preventDefault();
    if (alphasw < 1) { alphasw = 1;} 
    else { alphasw = 0;}
    $('.alpha').each(function(){
      /* element specific data object*/
      var data= $(this).data('maphilight') ;
        if (alphasw < 1) {
            data.alwaysOn = true;}
        else{
            data.alwaysOn = false;}
        $(this).trigger('alwaysOn.maphilight')
       });
      });

出于某种原因，我必须使用输入类型=“image”进行相同的调用，因此我添加了onClick =“alphabutton();”对输入属性进行了下一步更改。

function alphabutton(e) {
    e.preventDefault();
    if (alphasw < 1) { alphasw = 1;} 
    else { alphasw = 0;}
    $('.alpha').each(function(){
      /* element specific data object*/
      var data= $(this).data('maphilight') ;
        if (alphasw < 1) {
            data.alwaysOn = true;}
        else{
            data.alwaysOn = false;}
        $(this).trigger('alwaysOn.maphilight')
       });
    }

我看不出哪里出了问题，有什么建议吗？

我找到了解决问题的方法，可能我试图让事情变得更困难。

<input type="image" src="img/Buttons/alpha.png" id="balpha"/>

我只是将id添加到input标签中，所以我不必修改第一个方法。

Answer 1

一个选项可能是使用 jQuery multiple selector .

$('#balpha, input[type=image]').click(function () {
    // Stuff here
});

参见demo