我有一个JavaScript函数捕获选择下拉列表的onChange。只有当用户使用鼠标从下拉菜单中选择项目时才能触发事件,而不是使用键盘向上或向下滚动时触发事件?Javascript onChange只有当使用鼠标
0
A
回答
0
Have you tried this :
<html lang="en">
<head>
<meta charset="utf-8">
<title>change demo</title>
<style>
div {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<select name="sweets" multiple="multiple">
<option>Chocolate</option>
<option selected="selected">Candy</option>
<option>Taffy</option>
<option selected="selected">Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>
<script>
$("select")
.change(function() {
var str = "";
$("select option:selected").each(function() {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
</script>
</body>
</html>
Trigger the handler
</div>
+0
请使用原生javascript,而不是jquery。问题标签是关于JavaScript和onchange。 –
+0
尝试使用下面的代码:$(document).on('change','.entity',function(){var italCatId = $(this).val(); –
0
检查该解决方案,它忽略键盘选择,只能使用鼠标
<script type="text/javascript">
function IgnoreAlpha(e)
{
if (!e)
{
e = window.event ;
}
if (e.keyCode >= 65 && e.keyCode <= 90) // A to Z
{
e.returnValue=false;
e.cancel = true;
}
}
</script>
<body>
<p>
<select id="MySelect" name="MySelect" onkeydown="IgnoreAlpha(event);"">
<option selected="selected" value="" />
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</p>
</body>
选择呢?这肯定会为你工作
0
尝试this.This在IE工作正常方式但不是在铬。不知道为什么?使用IE调试工具(工作正常)进行测试,并使用VS2015(IE,击中断点onkeydown)正常工作,但在chrome中运行时没有击中断点。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script type="text/javascript">
function IgnoreArrow(e)
{
if (e.keyCode == 37 || e.keyCode == 38 || e.keyCode ==39 || e.keyCode ==40)
{
return false;
}
}
function myFun() {
var x = document.getElementById("mySelect").value;
document.getElementById("demo").innerHTML = "You selected: " + x;
}
</script>
</head>
<body>
<p>
<select id="mySelect" name="mySelect" onkeydown="return IgnoreArrow(event);" onchange="myFun()">
<option selected="selected" value="" />
<option value="Dream Theater">Dream Theater</option>
<option value="Metallica">Metallica</option>
<option value="Iron Maiden">Iron Maiden</option>
</select>
</p>
<p id="demo"></p>
</body>
</html>
相关问题
- 1. Javascript/jQuery - 只有当鼠标移动时触发动作
- 2. JavaScript:使用当前鼠标坐标创建事件
- 3. 可能使用Javascript获得当前鼠标坐标吗?
- 4. Javascript触发OnChange而不执行鼠标或键盘
- 5. 只有使用JavaScript
- 6. 用Javascript使用HTML5 Canvas鼠标输入?
- 7. 鼠标离开,只有当了mouseenter结束
- 8. 的Javascript:使用的onChange
- 9. 当鼠标光标在div内时,使用jquery禁用鼠标滚轮功能?
- 10. 在鼠标悬停使用JavaScript
- 11. 鼠标移开工作只有一次
- 12. 当鼠标点击鼠标时(pygame)没有绘制圆圈
- 13. 使用鼠标
- 14. 当鼠标没有激活一个类时,添加它? JavaScript的
- 15. 使用只有当真正
- 16. 当没有使用键盘或鼠标时自动注销
- 17. 使用Javascript鼠标事件返回鼠标在HTML5画布上的坐标?
- 18. 如何使用只有JavaScript
- 19. 当使用javascript设置值时,TextBox onchange(jQuery)
- 20. JavaScript onChange事件仅使用当前行值
- 21. Javascript鼠标问题
- 22. Javascript模拟鼠标
- 23. 移动鼠标光标Javascript
- 24. JavaScript的:鼠标坐标
- 25. 所有儿童禁用,只有一个鼠标活跃
- 26. 鼠标双击火灾只
- 27. 当鼠标在画布上时,如何在Javascript中使用我的鼠标移动功能?
- 28. 鼠标移动并没有在JavaScript
- 29. 只有当鼠标位于div上时,jquery才能在鼠标悬停上运行
- 30. 有没有办法使用JavaScript手动重置onchange事件?
您可以检查点击事件。虽然我不确定为什么要这样做,但一些禁用的用户需要使用键盘或其他形式的输入,而不是鼠标才能这样做。 –
不会点击工作? – bjanes
喜欢这个https://jsfiddle.net/ou8z1q47/? –