當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery中blur和focus事件的应用

發(fā)布時間：2025/4/16 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 jQuery中blur和focus事件的应用小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

本文轉(zhuǎn)自：http://blog.csdn.net/gaolinwu/article/details/7240674

jQuery中blur和focus事件的應(yīng)用

一、需求原因

在填寫表單時需要實(shí)現(xiàn)如下效果

二、具體實(shí)現(xiàn)

<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>鼠標(biāo)點(diǎn)擊后無文字，挪開鼠標(biāo)后有文字</title>

???? $(function(){

???????? /*進(jìn)入焦點(diǎn)時觸發(fā)*/

???????? $("#account").focus(function(){

????????????? varoldValue = $(this).val();

????????????? if(oldValue == this.defaultValue){

???????? ???????? $(this).val("");

????????????? }

???????? });?

???????? /*失去焦點(diǎn)時觸發(fā)*/

???????? $("#account").blur(function(){

????????????? alert("12");

????????????? varoldValue = $(this).val();

????????????? if(oldValue == ""){

?????????????????? $(this).val(this.defaultValue);

????????????? }

???????? });

???? });

</script>

</head>

<body>

???? ???? 帳號：<input id="account"name="account" type="text" value="請輸入帳號">

</body>

</html>

以上是生活随笔為你收集整理的jQuery中blur和focus事件的应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。