javascript / jquery-检查input [type ='search']的焦点？

Question

I'm trying this:

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

I'd expect it to log when I focus on a search field but that seems to not be the case. Works fine when I focus on a text field. I'm fairly new to javascript/jquery so maybe I'm just being dumb about something. Did some Googling but didn't find anything helpful.

Here's a fiddle: http://jsfiddle.net/RDz2J/

Answer 1

It works, all that you were missing was an extra ) to close the function properly.

It works now and saves Got it in a div, I removed alert as it forced me to close the browser as a whole :( Sorry.

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

And also try to shorten down the code as:

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

I have removed the e, ui since you're not using it in the code and have changed the on event to focus directly.

Answer 2

You had a simple syntax error; you had not added an extra end paranthesis. Here is an updated fiddle, and here is the new code

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