js输入框邮箱自动提示功能代码实现-javascript编程(二)

您好,欢迎来到百闽人生网登录 注册

百闽首页 | 考试日历 | 百闽娱乐 | 书信频道 | 节日庆典 | 语录句子 | 免费发布培训课程

百闽人生网

百闽人生网 > 培训新闻 > 电脑/IT > js输入框邮箱自动提示功能代码实现-javascript编程(二)

js输入框邮箱自动提示功能代码实现-javascript编程(二)

ch(function(index,item){

    $(item).keyup(function(e){

    var target = e.target,

    targetVal = $.trim($(this).val()),

    keycode = e.keyCode,

    elemHeight = $(this).outerHeight(),

    elemWidth = $(this).outerWidth(),

    parentNode = $(this).closest(_config.parentCls);

    $(parentNode).css({"position":"relative"});

    // 如果输入框值为空的话 那么下拉框隐藏

    if(targetVal == "") {

    $(item).attr({"data-html":""});

    // 给隐藏域赋值

    $(_config.hiddenCls,parentNode).val("");

    _cache.currentIndex = -1;

    _cache.oldIndex = -1;

    $(".auto-tip",parentNode) && !$(".auto-tip",parentNode).hasClass("hidden") && $(".auto-tip",parentNode).addClass("hidden");

    self._removeBg(parentNode);

    }else {

    $(item).attr({"data-html":targetVal});

    // 给隐藏域赋值

    $(_config.hiddenCls,parentNode).val(targetVal);

    $(".auto-tip",parentNode) && $(".auto-tip",parentNode).hasClass("hidden") && $(".auto-tip",parentNode).removeClass("hidden");

    // 渲染下拉框内容

    self._renderHTML({keycode:keycode,e:e,target:target,targetVal:targetVal,height:elemHeight,width:elemWidth,parentNode:parentNode});

    }

    });

    });

    // 阻止form表单默认enter键提交

    $(_config.searchForm).each(function(index,item) {

    $(item).keydown(function(e){

    var keyCode = e.keyCode;

    if(keyCode == 13) {

    return false;

    }

    });

    });

    // 点击文档document时候 下拉框隐藏掉

    $(document).click(function(e){

    e.stopPropagation();

    var target = e.target,

    tagCls = _config.targetCls.replace(/^./,"");

    if(!$(target).hasClass(tagCls)) {

    $(".auto-tip") && $(".auto-tip").each(function(index,item){

    !$(item).hasClass("hidden") && $(item).addClass("hidden");

    });

    }

    });

    },

    /*

    * 渲染下拉框提示内容

    * @param cfg{object}

    */

    _renderHTML: function(cfg) {

    var self = this,

    _config = self.config,

    _cache = self.cache,

    curVal;

    var curIndex = self._keyCode(cfg.keycode);

    $(".auto-tip",cfg.parentNode).hasClass("hidden") && $(".auto-tip",cfg.parentNode).removeClass("hidden");

    if(curIndex > -1){

    // 键盘上下操作

    self._keyUpAndDown(cfg.targetVal,cfg.e,cfg.parentNode);

    }else {

    if(/@/.test(cfg.targetVal)) {

    curVal = cfg.targetVal.replace(/@.*/,"");

    }else {

    curVal = cfg.targetVal;

    }

    if(_cache.onlyFlag) {

    $(cfg.parentNode).a

首页 1 2 3  

关于我们 | 招生合作 | 负责声明 | 常见问题 | 诚聘英才 | 联系我们

Copyright©2014 www.bminlife.com 百闽人生网 版权所有©百闽人生网 闽ICP备14001301号
本文标题:js输入框邮箱自动提示功能代码实现-javascript编程
分站加盟及广告服务QQ:1476191318
友情提示:本站所有信息均由本站注册会员免费发布,如涉及版权问题或虚假信息请及时与本站联系。——我们一直在追求真实!