首页 > 代码库 > jquery的基本事件
jquery的基本事件
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery事件</title>
<script src="http://www.mamicode.com/jquery-3.2.0.min.js"></script>
</head>
<body>
<input id="text" value="http://www.mamicode.com/wet" style="width:200px;height:30px" />
</body>
<script>
/**
* 当元素失去焦点时，执行该事件
*/
$("#text").blur(function(){
console.log($(this).val());
});
/**
*当元素值发生变化的时候，并且失去焦点，执行该事件
*/
$("#text").change(function(){
console.log($(this).val());
})
document.getElementById("text").onchange=function(){
console.log($(this).val());
}
/**
*键盘按下执行事件（一直执行）
*/
$("#text").keydown(function(){
console.log("按下");
})
/**
*键盘弹起执行事件（只执行一次）
*/
$("#text").keyup(function(){
console.log("弹起");
})
/**
* 当窗口改变时，执行该事件（大多数绑定Window）
*/
$(window).resize(function(){
console.log("width:"+$(this).width());
console.log("height:"+$(this).height());
})
/**
*当元素获取焦点时，执行该事件
*/
$("#text").focus(function(){
console.log($(this).val());
})
</script>
</html>
jquery的基本事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。