起风网<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>jquery demo02</title>
</head>
<body>
用户名：<input type=”text” name=”user” value=”12343r4″><br>
年龄 ：<input type=”text” name=”age” value=””><input type=”button” class=”btn” value=”取整”><br>
简介：<textarea id=”desc”></textarea><span></span>
</body>
<script src=”./jquery.1.12.js”></script>
<script type=”text/javascript”>
//DOM加载完成自动调用
$(document).ready(function(){
//失去焦点事件
$(“:input[name=user]”).blur(
function(){
alert($(this).val());
})
//点击事件
$(“.btn”).click(
function(){
var age=$(“:input[name=age]”).val();
$(“:input[name=age]”).val(parseInt(age));
})
//键盘抬起事件
$(“#desc”).keyup(
function(){
var len=$(‘#desc’).val().length;
var rest=20-len;
var span=”您还有”+rest+”个字可以输入!”;
$(“span”).text(span).css({color:’red’});
var value=$(‘#desc’).val().substr(0,20);
$(‘#desc’).val(value);
})
})
</script>
</html>
原文链接：https://blog.csdn.net/living_ren/article/details/78906317
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
评论前必须登录！
立即登录