HTML Input (Javascript)

HTML Input (Javascript)

本文关键字：Javascript Input HTML      更新时间：2023-09-26

请帮我

我有一个脚本，它可以在第一页加载时工作，当我再次使用这个脚本的功能时，它在我刷新页面之前是不工作的，这意味着我希望这个脚本始终工作，不仅当我刷新页面时，这里是脚本：

$(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);
     }
     });     
});

提前谢谢。。

我创建了一个JSFiddle来演示这一点。当你输入电子邮件，然后离开输入框时，它会缩短。当您重新输入输入框时，它会扩展回其全长。。。

$('#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);
        }
    });
});

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);
     }
     });     
});
相关文章：