在单击下拉菜单上运行javascript函数



如何仅在选择下拉菜单时,在其中选择任何选项之前,在HTML页面中运行javascript函数。我在单击下拉菜单时运行Query,如下所示:

$("#_id").click(function () {

然后,当我在同一个下拉菜单中选择某个内容时,脚本会再次运行。当它在下拉菜单上单击时,以及当选择一个选项时。当我选择某些内容时,如何防止再次运行?

用例是什么?我们更喜欢下拉菜单,而不是只在更改时才执行操作

回答:

点击前鼠标按下触发器

点击并按住鼠标以查看鼠标向下,释放以查看点击

$("#_id").on("click",function() { console.log("clicked")});
$("#_id").on("mousedown",function() { console.log("mousedown")});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<select id="_id">
<option value="">Please select</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

最新更新