执行Jquery函数的两个条件()

时间:2016-03-28 09:28:52

标签: javascript jquery

我正在使用google maps API。我的HTML看起来像这样:

<form id="searchTheme" method="get">
     <select class="form-control" name="thema" id="themaID">
          <option value="1">item1</option>
          ...
          <option value="5">item1</option>
    </select>
    <input type="submit" name="submit" value="zoek">
</form>

<button id="allePois"> Alle POI&lsquo;s</button>

我的javascript(jQuery)看起来像这样:

function initMap(x) {
    //some other code
    var controlUIMijnPOIS = document.getElementById('allePois');

    $('#searchTheme').submit(function() {
         //CODE to be executed (with the themaID passed by the form)
    }) 

    controlUIMijnPOIS.addEventListener('click', function() {
         //CODE to be executed (same code as above but themaID has no value, wich is fine)
    })
    //some other code
}

我可以复制这两个事件的代码(表单提交和按钮单击),但是如果提交表单或单击按钮,我希望执行相同的代码。 (我不希望在我的脚本中有两堆代码)

所以我会得到这样的东西:

$('#searchMyTheme').submit || controlUIMyPOIS.addEventListener('click') function(){
   //CODE to be executed.
}

这是否可能,如果是这样,我该如何建立?

1 个答案:

答案 0 :(得分:2)

定义单个函数并在事件处理程序上调用它。

function your_func(){
 ...
}

$('#searchMyTheme').on('submit',your_func);
controlUIMyLocation.addEventListener('click',your_func);

当一个人不在场的时候,另一个礼物会出现并且没有问题。