我正在使用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‘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.
}
这是否可能,如果是这样,我该如何建立?
答案 0 :(得分:2)
定义单个函数并在事件处理程序上调用它。
function your_func(){
...
}
$('#searchMyTheme').on('submit',your_func);
controlUIMyLocation.addEventListener('click',your_func);
当一个人不在场的时候,另一个礼物会出现并且没有问题。