jquery实现邮箱自动补全功能示例共享

发布时间：2023-10-16 15:35:53 所属栏目：教程来源：

导读：代码如下:

(function($){

$.fn.autoMail = function(options){

var autoMail = $(this);

var _value = '';

var _index = -1;

var _width

代码如下:

(function($){

    $.fn.autoMail = function(options){

        var autoMail = $(this);

        var _value   = '';

        var _index   = -1;

        var _width   = autoMail.outerWidth();

        var _height = autoMail.outerHeight();

        var _left    = autoMail.offset().left;

        var _top     = autoMail.offset().top;

        autoMail.defaults = {

            deValue : '请输入邮箱地址',

            textCls : 'text-gray',

            listCls : 'list-mail',

            listTop : 1,

            mailArr : ["qq.com","gmail.com","126.com","163.com","hotmail.com","yahoo.com","yahoo.com.cn","live.com","sohu.com","sina.com"]

        }

        //初始化

        autoMail.init = function(){

            autoMail.vars = $.extend({},autoMail.defaults,options);

            autoMail.val(autoMail.vars.deValue).addClass(autoMail.vars.textCls);

            autoMail.click(function(event){

                autoMail.select().removeClass(autoMail.vars.textCls);

                if(autoMail.val() != autoMail.vars.deValue){

                    autoMail.add();

                    autoMail.order(_value);

                    autoMail.list.find('.item').each(function(){

                        if($(this).text() == autoMail.val()){

                            $(this).siblings('.item').removeClass('select');

                            $(this).addClass('select');

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!