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

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

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

<!--   来自 512笔记 （www.512pic.com）-->

/**
 * input文字获取焦点消失离开显示
 *
 * @param 
 * @arrange （www.idcnote.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);
 }
});

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