Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用于浏览器的jQuery事件';什么是自动填充?_Jquery_Html - Fatal编程技术网

用于浏览器的jQuery事件';什么是自动填充?

用于浏览器的jQuery事件';什么是自动填充?,jquery,html,Jquery,Html,我遇到了一个关于浏览器自动建议文本字段的问题 有些浏览器会保存您最常用的电子邮件地址,这样当您开始在文本字段中键入它们时,它会出现一个“自动填充”框 单击时,我似乎无法从此框触发任何类型的事件 我提供给你们看我的意思(显然是像素化的信息)并证明我的观点 jQuery $(document).ready(function() { $('#email').bind("keyup change blur click", function() { var value = $(t

我遇到了一个关于浏览器自动建议文本字段的问题

有些浏览器会保存您最常用的电子邮件地址,这样当您开始在文本字段中键入它们时,它会出现一个“自动填充”框

单击时,我似乎无法从此框触发任何类型的事件

我提供给你们看我的意思(显然是像素化的信息)并证明我的观点

jQuery

$(document).ready(function() {

    $('#email').bind("keyup change blur click", function() {
        var value = $(this).val();

        if(IsEmail(value))
        {
            $('#emailVerified').fadeIn().html('<img src="http://i1297.photobucket.com/albums/ag26/chiggerchug/tick_zpsa232b56e.png" width="15px" height="15px"/>');
        }
        else
        {
            $('#emailVerified').fadeIn().html('<img src="http://i1297.photobucket.com/albums/ag26/chiggerchug/cross_zpsdbaa8cfa.png" width="15px" height="15px"/>')
        }

    })

})

function IsEmail(email)
{
    var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
    return regex.test(email);
}
$(文档).ready(函数(){
$('#email').bind(“键控更改模糊单击”,函数(){
var值=$(this.val();
如果(IsEmail(值))
{
$('#emailVerified').fadeIn().html('');
}
其他的
{
$('#emailVerified').fadeIn().html('')
}
})
})
功能电子邮件(电子邮件)
{
变量正则表达式=/^([a-zA-Z0-9.+-])+\@([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
返回正则表达式测试(电子邮件);
}
HTML

<div id="container">
    Email:
    <input type="text" name="email" id="email"/>
    <div id="emailVerified"></div>
</div>

电邮:
我能够在keyup和blur上触发事件,但我无法找出自动填充框的正确事件

我应该提到,当按下自动填充框上的enter键时,它确实起作用,您必须实际单击您想要的结果,它才会失败


我真的非常感谢你在这方面的帮助

你是说浏览器拥有自动提示框。。我不认为有一种方法可以用JS.sorry@daniel触发这种情况,当我查看您的JSFIDEL时,当我从自动完成浏览器框中按enter键时,它是有效的。它不起作用还是你这边。。。这里没有任何错误。使用chrome。@putvande啊,我明白了,很公平,值得一试!