jQuery中的事件
Posted 池鱼i_
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery中的事件相关的知识，希望对你有一定的参考价值。
键盘事件//
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
$(function(){
$("[type=password]").keydown(function(){
$("#show").append("keydown");
}).keyup(function(){
$("#show").append("keyup");
}).keypress(function(){
$("#show").append("keypress");
});
$(document).keydown(function(event){
if(event.keyCode=="13"){
alert("确认要提交嘛？");
}
});
});
</script>
</head>
<body>
用户名<input type="text" name="userName" /><br/>
密码<input type="password" name="pwd" /><br/>
<input type="submit" value="提交"/>
<span id="show"></span>
</body>
</html>
///失焦事件 和获取焦点
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.content{
background-color:red;
}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
$(function(){
$("[type=password]").focus(function(){
$(this).addClass("content");
});
$("[type=password]").blur(function(){
$(this).removeClass();
});
});
</script>
</head>
<body>
用户名<input type="text" name="userName" /><br/>
密码<input type="password" name="pwd" /><br/>
<input type="submit" value="提交"/>
</body>
</html>
//鼠标事件 mouseover mouseout bind
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-1.8.3.js" ></script>
<script>
$(function(){
// $("[type=button]").bind("click",function(){
// $("p").css("background","aqua");
// });
$("[type=button]").bind({
mouseover:function(){
$("p").css("display","none");
},
mouseout:function(){
$("p").css("display","block");
}
});
});
</script>
</head>
<body>
<p>fhiwehgiowhgiowhgiowhgiwehgiwrg</p>
<h3>igfjrwigiregreg</h3>
<p>hyjojho6jhop54jhjojwefgioeqwhfiouwq</p>
<input value="点我" type="button"></input>
</body>
</html>
以上是关于jQuery中的事件的主要内容，如果未能解决你的问题，请参考以下文章