如何获得onblur中的值_js中onfocus、onblur事件
1、給文本框添加觸發事件onfocus和onblur,調用函數處理。完整代碼:
function cls(){
//捕獲觸發事件的對象,并設置為以下語句的默認對象
with(event.srcElement)
//如果當前值為默認值,則清空
if(value==defaultValue) value=""
}
function res(){
//捕獲觸發事件的對象,并設置為以下語句的默認對象
with(event.srcElement)
//如果當前值為空,則重置為默認值
if(value=="") value=defaultValue
}
注意:本例的方法對大部分表單控件都有效,比如多行文本框。
特別提示
運行完整代碼,在鼠標第一次單擊文本框時該文本框內容將被清空,在文本框外單擊時文本框內容將還原回默認值。如果改變了文本框的值,將不再有任何變化
特別說明
本例主要是對象的defaultValue屬性和onfocus、onblur事件的應用。
defaultValue 設置或獲取對象的初始內容。
onblur 在對象失去輸入焦點時觸發。
onfocus 當對象獲得焦點時觸發。
2、用于清除輸入框中提示信息的方法
對KKKKK的評論var gFlag=true;//全局變量,用于判斷是否允許清除文本框內容
//用于清除輸入框中提示信息的方法
function clearTip(){
var oTxt=document.getElementById("textfield");
if(gFlag==true){
oTxt.value="";
gFlag=false;
}
}
請輸入對KKKKK的評論......
運行上面的示例,可以看到當焦點定位在文本框,提示信息“請輸入評論的內容...”將會自動
消失,這里需要注意的是用戶可能中途去做其他事情,使得文本框失去焦點,當他重新回來
輸入的時候,又獲得了焦點,這時會再次觸發onfocus事件,調用clearTip方法,把前面輸入的
內容清除了,這是我們不希望結果。所以可以設置個全局變量gFlag作為標志位,當清除過一次
文本框的內容之后就改變標志位,不再允許通過clearTip()方法清除文本框的內容。
3.js設置文本框中焦點位置在最后,支持IE
總結
以上是生活随笔為你收集整理的如何获得onblur中的值_js中onfocus、onblur事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《三天给你聊清楚redis》第1天先唠唠
- 下一篇: 外置MOS管平均电流型LED降压恒流驱动