jQuery插件：表单Email常用邮箱选择控件

jQuery插件：表单Email常用邮箱选择控件

先上截图：

用法：

    $(selector).emailSelector(emailType);
    //emailType（可选），是一个数组，作为提示邮箱的类型
    //如：['@qq.com','@gmail.com','@163.com']

    //注意：绑定input的父元素必须为相对定位

JS代码：

(function ($) {
   
    /**
     * @param {Array} emailType Email类型, eg:['@qq.com','@163.com']
     */
    $.fn.emailSelector = function (emailType) {
   
        var $input = this;
        var input = $input[0];
        var $parent = $input.parent();
        var $ul = $('<ul></ul>');
        var _emailType; //真正用来遍历的数组
        var index = 0; //激活的li的索引

        //必须绑定在input标签上
        if (input.nodeName.toUpperCase() !== 'INPUT') {
            throw new Error('必须绑定在input标签上')
        }
        //父元素必须是相对定位
        if ($parent.css('position') !== 'relative') {
            throw new Error('input的父元素必须是相对定位');
        }
        //设置默认邮箱类型
        if (!emailType || !$.isArray(emailType) || emailType.length === 0) {
            emailType = [
                '',
                '@qq.com',
                '@163.com',
                '@126.com',
                '@gmail.com',
                '@sina.com',
                '@sohu.com',
                '@outlook.com',