javascript / jquery - 检查输入焦点[type ='search']？

Question

我正在尝试这个：

$("input[type='text'], input[type='search']").on("focus", function(e, ui) {
    $("[data-role='footer']").hide();
    console.log('focus');
});

当我专注于搜索字段时，我希望它能够记录，但似乎并非如此。当我专注于文本字段时工作正常。我是javascript / jquery的新手，所以也许我只是对某些东西感到愚蠢。做了一些谷歌搜索，但没有找到任何帮助。

这是一个小提琴：http://jsfiddle.net/RDz2J/

Answer 1

一切正常，你所缺少的只是一个额外的)来正确关闭这个功能。

它现在可以正常工作并将Got it保存在div中，我删除了警告，因为它迫使我整个关闭浏览器:(抱歉。

http://jsfiddle.net/afzaal_ahmad_zeeshan/RDz2J/4/

并尝试将代码缩短为：

$("input[type='text'], input[type='search']").focus(function() {
    $("[data-role='footer']").hide();
    console.log('focus');
});

我已移除e, ui，因为您未在代码中使用它，并已将on事件直接更改为focus。

Answer 2

你有一个简单的语法错误;你没有添加一个额外的结束括号。 Here是一个更新的小提琴，这是新代码

$("input[type='search']").on("focus", function (e, ui) {
    alert('got it!');
});