JavaScript 获取input文字焦点消失离开显示的简单示例

这篇文章主要为大家详细介绍了JavaScript 获取input文字焦点消失离开显示的简单示例，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
html代码如下：

<input type="text" value="请输入数据APPID" data-empty="请输入数据APPID" class="form-input-text">

<!--   来自 四海网 （www.q1010.com）-->

JS代码如下：

/**
 * input文字获取焦点消失离开显示
 *
 * @param 
 * @arrange (512.笔记) www.q1010.com
 **/
var inputTextVal = '';
$('body').on('focusin', '[data-empty]', function() {
    var fieldEl = $(this);
    var val = $.trim(fieldEl.val()),
            emptyTip = fieldEl.data('empty');
    if (val == emptyTip) {
        fieldEl.val('');
    }
}).on('focusout', '[data-empty]', function() {
    var fieldEl = $(this);
    var val = $.trim(fieldEl.val()),
            emptyTip = fieldEl.data('empty');
    if (val.length == 0) {
        fieldEl.val(emptyTip);
    }
});

// 来自：四海网（www.q1010.com）

本文来自：http://www.q1010.com/174/1681-0.html

注：关于JavaScript 获取input文字焦点消失离开显示的简单示例的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：input