87,996
社区成员
发帖
与我相关
我的任务
分享jquery中hover事件中套用keyup事件
我想在hover事件中套用keyup事件，就是我鼠标放在div上时，按下Esc并放开以后<p>里面的内容后变成红色。我这个写法不能够触发keyup事件，请大家给点指教。以下是我的代码，
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>hover demo</title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div>
<p>按下esc键变红</p>
</div>
<script>
$("div").hover(function(){
$("div").keyup(function(){
if(event.keyCode===27){
$("p").css("color", "red");
}
});
});
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
xiaojunjor 2017-06-01
- 打赏
- 举报
你确定这是keyup和keydown的原因而不是找不到event的原因？
葱花鸡蛋 2017-06-01
- 打赏
- 举报
谢谢各位，完美解决。
天际的海浪 2017-05-31
- 打赏
- 举报
keyup等键盘事件一般只能绑定在document和表单元素（可以聚焦的元素）上，div是不行的
你的要求可以这样
var flag = false;
$("div").hover(function(){
flag = true;
},function(){
flag = false;
});
$(document).keyup(function(){
if(flag && event.keyCode===27){
$("p").css("color", "red");
}
});
NANU-NANA 2017-05-31
- 打赏
- 举报
$("div").hover(function(){
$(document).keydown(function() {
if(event.keyCode===27){
$("p").css("color", "red");
}
});
});
