1. 程式人生 > >文字框獲得焦點事件

文字框獲得焦點事件

input 文字框內容改變,我們可以使用onchange或者onblur來進行判斷,但是onchange是在文字內容改變,然後失去焦點的時候發生,onblur是在失去焦點時候發生,不會判斷文字內容是否改變。

//按鍵彈起時觸發事件  
    $("#mytext").keyup(function(){    
        var txtChange = $("#mytext").val();           
        $("#p1").html("<p>"+txtChange+"</p>");    
    });    
      
    //按鍵按下時觸發事件(先響應事件,再顯示輸入結果(獲得的是上一次結果),可能被輸入法攔截)  
    $("#mytext2").keypress(function(){    
        var txtChange = $("#mytext2").val();          
        $("#p2").html("<p>"+txtChange+"</p>");    
    });    
      
    //屬性改變時觸發事件(不管是獲得焦點還是value改變等,目前只在IE下有效)  
    $("#mytext3").bind("propertychange",function(){    
        var txtChange = $("#mytext3").val();          
        $("#p3").html("<p>"+txtChange+"</p>");    
    });   
      
    //焦點離開時觸發事件  
    $("#mytext4").change(function(){    
        var txtChange = $("#mytext4").val();          
        $("#p4").html("<p>"+txtChange+"</p>");    
    });    
      
    //獲得焦點時觸發事件  
    $("#mytext5").focus(function(){    
        var txtChange = $("#mytext5").val();          
        $("#p5").html("<p>"+txtChange+"</p>");    
    });    
      

相關推薦

文字獲得焦點事件

input 文字框內容改變,我們可以使用onchange或者onblur來進行判斷,但是onchange是在文字內容改變,然後失去焦點的時候發生,onblur是在失去焦點時候發生,不會判斷文字內容是否

文字獲得焦點清空文字內容

有時我們在設計網頁的時候,可能會遇到這種情況。 當滑鼠移到文字框裡面或是滑鼠放到文字框上面時,文字框裡面預設的內容清除,當滑鼠離開文字框而裡面沒有內容的時候,又還原成預設的內容。 小編以前看到別人寫了一大堆程式碼,又是if又是else的,其實很簡單就能實現,如下程式碼

jQuery中給文字獲得焦點和失去焦點的方法

<input name="pwuser" type="text" id="pwuser" class="input" value="樓盤賬號" onBlur="if(this.value=='') this.value='樓盤賬號';" onFocus="if(this.value=='樓盤賬號')

jquery 失去焦點事件 (text文字焦點事件

  點選滑鼠 後, 下拉框收縮 (此下拉框由上邊text文字框  和select 、增加商品分類 組成,不是純select程式碼 的下拉框) $(document).ready(function(){ $("#txtcon").blur(function(){

文字 失去焦點事件 變色

html 介面程式碼 <input    name="targeted" maxlength="5"   /> <input    name="targeted" maxlength="5"    /> <input    name="targ

JQuery下focus()無法自動獲取焦點的處理方法 jquery如何使文字獲得焦點

今天遇見這麼一個小小的問題,就是文字框中需要輸入內容才可以提交,如果沒有輸入就提示並使該文字框獲得焦點!這麼一個簡單的事情如果沒有使用 jQuery的話 是不是物件.focus()就可以了, JavaScript Code複製內容到剪貼簿 //這樣執行,jquery只

HTML點選文字後文本獲得焦點的兩種方式

HTML標籤獲取 通過label標籤的for和input標籤的id,將它們起個一樣的名字 <div> <label class="first" for="tel"><s

java當面板上的一個文字失去焦點時,觸發一個事件.這個要怎麼辦?

當在一個文字框中輸完內容後並且該文字框失去焦點時,觸發一個事件.這個又要怎麼辦呢? public void addFocusListener(FocusListener l) FocusListener裡面有個focusLost方法,實現它就行了

判斷input文字獲取焦點和失去焦點

<!doctype html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>判斷input文字框

JS 文字失去焦點樣式改變

文字框失去焦點樣式改變 <input type="text" value="" placeholder="請輸入"> <script> var input = document.querySelector('input'); /

javascript——移動端input,textarea輸入獲得焦點頁面上移

一路走來,在移動端頁面這條路上,踩了不少坑啊。 下面介紹一下我踩的坑之一:點選input時,軟鍵盤把input框給遮住了,,,這怎麼行,解決唄。總不能讓設計師把頁面重新佈局一遍吧,再說這定下來的頁面,怎麼可能因為我這點小問題說改就改。。。 嗚嗚~~(>_<)~~我還是個孩

輸入獲得焦點邊框變顏色,失去焦點變顏色,輸入內有值變顏色

$('.pcblogin-inp') .focus(function() { $(this).css({ 'border': '1px solid #14C58E', 'background': '#fff' }); }) .blur(function() {

點選按鈕不觸發輸入失去焦點事件

例項圖描述:模具號、機臺號輸入方式有兩種:手動輸入(失焦校驗)和掃描錄入(錄入後校驗) <li class="aui-list-item"> <div class="aui-list-item-inner"> <div clas

WPF強制設定TextBox文字焦點

在需求中遇到這樣一種場景:就是在無論何時都要把焦點設定在一個TextBox中。 引用空間:System.Windows.Input 方式1:在窗體的Load事件中去設定焦點,(注意:不能在窗體的建構函式中對TextBox設定焦點,因為此時窗體的Visual還沒有初始化):

ueditor文字初始化如何顯示預設內容,以及文字獲取焦點後清空預設內容

<div> <form id="myForm" method="post" action="<?=Url::toRoute(['save'])?>">

c# 文字,窗體開啟後如何讓某指定文字獲取焦點  Form1_Activated 中textbox1.focus()即可

進入視窗後預設聚焦到某個文字框,兩種方法: ①設定tabindex 把該文字框屬性裡的tabIndex設為0,焦點就預設在這個文字框裡了。 ②Winform的Activated事件 在Form的Activated事件中新增textBox1.Focus(), 即可獲

文字游標離開事件:onBlur

在輸入完成qq號碼、微訊號碼、email、手機號的時候,就去校驗,利用文字框的 游標離開事件:onBlur ,在這個事件裡寫校驗重複的程式,把並加入本聯絡人的id,如果重複,在文字框下面,或者後面用紅色字型提示 重複等 資訊。 而且不阻止使用者的儲存聯絡人資訊

C#文字獲取焦點後游標處於文字末尾

在一個窗體中如果窗體載入的時候,指定讓某個控制元件獲取焦點,比如是一個文字框TEXTBOX1,而TEXTBOX1有預設的文字內容,這個時候,窗體載入的時候,TEXTBOX1中的內容是被預設選中狀態的,必須滑鼠點選一次才能在末尾繼續新增內容,比如一串編號固定的前幾位,我們是可

android EditText輸入獲得焦點時候邊框變為變色

  Android EditText 點選的時候,要進行二次處理,這個是為了,要有更好的使用者體驗 <EditText     android:layout_width="fill_p

IE瀏覽器控制元件頁面如何在選中的文字輸入焦點輸入文字

    目前多數移動作業系統IOS, android,還有windows10系統也可以做到當游標落到文字輸入框上時,自動彈出虛擬鍵盤。 很多自助裝置上現在都採用HTML展示UI互動,大多數使用IE核或控制元件進行二次開發。那我們如何可以做到我們自已的輸入法(拼音,手寫,只要