선택 드롭 다운의 onChange를 캡처하는 Javascript 기능이 있습니다. 키보드를 사용하여 위 또는 아래로 스크롤 할 때가 아니라 사용자가 마우스를 사용하여 드롭 다운 메뉴를 사용하여 항목을 선택하는 경우에만 이벤트를 실행할 수 있습니까?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
jquery가 아닌 원시 자바 스크립트를 사용하십시오. 질문 태그는 자바 스크립트와 onchange에 관한 것입니다. –
+0
$ (document) .on ('change', '.entity', function() { var selectedCatId = $ (this) .val(); –
0
확인이 솔루션은, 그것은 키보드 선택, 당신이
0
가 이걸 IE에서 잘 작동 시도를 위해이 확실히 작동하는 마우스
<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>
를 사용하여 선택할 수있는 유일한 방법을 무시 크롬에서는 그렇지 않다. 이유는 모르겠다? IE 디버거 도구 (잘 작동 함)를 사용하고 VS2015 (IE, break point onkeydown)를 사용하여 테스트했지만 크롬에서 실행될 때 중단 점에 도달하지 않습니다.
<!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. WebView JavaScript 링크는 트랙볼을 사용할 때만 작동합니다.
- 2. Javascript onchange 셀렉트 박스
- 3. onchange javascript variable
- 4. 자릿수 확인 onchange javascript
- 5. JavaScript 다중 입력 onChange
- 6. Javascript onchange function
- 7. javascript outchange onchange
- 8. 바운드 Javascript OnChange 함수 방법
- 9. Delphi - TComboBox의 OnChange 변경
- 10. 학교에서 onChange 변경
- 11. AJAX Javascript onchange 이상한 행동
- 12. onchange 사용할 수 없습니까?
- 13. 마우스를 클릭 할 때만 팝업 팝업 스윙
- 14. 내 javascript/php onchange 기능을 사용할 수 없습니다.
- 15. JavaScript 또는 Jquery의 Onchange 이벤트
- 16. Javascript onchange 이벤트가 작동하지 않습니다.
- 17. Javascript/jQuery - 마우스가 움직일 때만 액션을 실행
- 18. 변경 IMG의 SRC는로 마우스를
- 19. IPhone/IPad를 사용할 때만 JavaScript 함수를 실행하는 방법
- 20. 다이나믹 셀렉트를 null로 변경 onChange
- 21. crm2011, javascript onchange 이벤트 시스템 엔티티
- 22. 변수 변경 onchange 페이지를 다시로드하지 않고 선택
- 23. C# onchange 이벤트는 타이머가 실행될 때만 데이터를 다시로드합니다. 왜?
- 24. ajax-onchange 이벤트는 필드 외부를 클릭 할 때만 작동합니다.
- 25. SELECT onChange 이벤트
- 26. .ToShortTimeString() .... 템플릿을 사용할 때만 사용할 수 있습니까?
- 27. 소스가 변경 될 때만 window.focus()가 발생합니다.
- 28. Javascript - Onclick 이벤트가 페이지로드 중일 때만 발생합니다.
- 29. 마우스를 사용하여 버튼 크기 변경
- 30. 마우스를 끌 때 커서 변경
클릭 이벤트가 있는지 확인할 수 있습니다. 왜 이렇게하고 싶지는 모르겠지만, 일부 비활성화 된 사용자는 마우스를 사용하는 대신 키보드 나 다른 형식의 입력을 사용해야합니다. –
작동하지 않습니다 onclick? – bjanes
이처럼 https://jsfiddle.net/ou8z1q47/? –