多个事件，jQuery.on 处理程序中的一个函数

Question

我发现的所有模拟 HTML5 占位符的示例都在 focus 上触发，这不是它在支持浏览器中的工作方式（有点烂）。触发（'keypress'）会更好（恕我直言），但这不适合粘贴操作，所以我想触发（或者）按键和/或粘贴事件。

jQuery(input).on('keypress', function()
{/*works*/}

jQuery(input).on('paste', function()
{/*works*/}

但我不能让两者在一个函数中协同工作！例如

jQuery(input).on('keypress, paste', function()
{/*just doesn't work WTF? */}

（FWIW），这就是我所拥有的……jsFiddle

// Add placeholder browser support as needed.
jQuery(function()
{   if(!ph_support()) alt_placeholder();
});
function alt_placeholder()
{   jQuery('input[placeholder]').each(function()
    {   //Assign to those input elements that have 'placeholder' attribute
        var input = jQuery(this);
        jQuery(input).val(input.attr('placeholder')).addClass('hasPlaceholder');
        jQuery(input).on('paste', function()
        {   input.removeClass('hasPlaceholder');
            if (input.val() == input.attr('placeholder'))
                input.val('');
        });
        jQuery(input).on('keypress', function()
        {   input.removeClass('hasPlaceholder');
            if (input.val() == input.attr('placeholder'))
                input.val('');
        });
        jQuery(input).blur(function()
        {   if (input.val() == '' || input.val() == input.attr('placeholder'))
                input.val(input.attr('placeholder')).addClass('hasPlaceholder');
        });
    });
}
function ph_support()
{   var test = document.createElement('input');
    if('placeholder' in test) return true;
    else return false;
}

Answer 1

去掉逗号

jQuery(input).on('keypress paste', function()