HTML入力（Javascriptを）

Question

は、私が最初のページの読み込み上で動作するスクリプトを持っている、と私は、このスクリプトの機能を使用する場合、再び、私はページを更新するまで、私が欲しいの手段は動作しませんされてくれ

を助けてください私はページを更新するわけではありませんときにのみ、常に動作するように、このスクリプトは、ここでのスクリプトは次のとおりです。事前に

---

$(function(){ 
    var fullEmail = $('#email').val(); 
    console.log(fullEmail.length); 
    if(fullEmail.length>15) 
    { 
     textDot = fullEmail.substr(0, 14)+'...'; 
     $('#email').val(textDot); 
    } 

    var oldText = $('#email').val(); 
    $('#email').bind({ 
    mouseover : function() { 
     $('#email').val(fullEmail); 
    }, 
    mouseout: function() { 
     $('#email').val(oldText); 
    } 
    });  
}); 

---

感謝..

Answer 1

私はJSFiddle to demonstrate thisを作成しました。電子メールを入力して入力ボックスを離れると、電子メールは短縮されます。入力ボックスに再度入力すると、元の長さに戻ります。

$('#email').bind('change', function() { 
    $self = $(this); 
    var fullEmail = $self.val(); 
    var shortEmail = fullEmail; 
    if(fullEmail.length > 15) { 
     shortEmail = fullEmail.substr(0, 14)+'...'; 
     $self.val(shortEmail); 
    } 

    $self.bind({ 
     focus: function() { 
      $self.val(fullEmail); 
     }, 
     blur: function() { 
      $self.val(shortEmail); 
     } 
    }); 
}); 

Answer 2

var oldText; 
var fullEmail; 
function smt(){ 
    fullEmail = $('#email').val(); 
     console.log(fullEmail.length); 
     if(fullEmail.length>15) 
     { 
      textDot = fullEmail.substr(0, 14)+'...'; 
      $('#email').val(textDot); 
     } 

     oldText = $('#email').val(); 
}  

$(function(){ 

    $('#email').bind({ 
    mouseover : function() { 
     smt(); 
     $('#email').val(fullEmail); 
    }, 
    mouseout: function() { 
     smt(); 
     $('#email').val(oldText); 
    } 
    });  
});