標籤：value hang har src htm jquery function ons meta
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery事件</title>
<script src="jquery-3.2.0.min.js"></script>
</head>
<body>
<input id="text" value="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的基本事件
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
