Javascript重复.keyup（function（event）函数用于不同的输入

Question

I've created a small ajax suggestion input field (located here: https://github.com/joyser/suggestion/ )

Javascript detects a keyup event in the suggestion box like this:

$("#suggestiveInput").keyup(function(event){

})

Where the input has an id of suggestiveInput.

I want to be able to have more than one suggestion box on the page, but would prefer not to have to use php to print $("#suggestiveInput").keyup(function(event){ for each element.

So ideally, I want one javascript function that'll handle all the inputs.

Also, I'd prefer not to capture all keystrokes and then route it to the text field if possible

I've tried something like this:

function suggestiveInput(inputName, options){

    suggestionCount++;
    $("#suggestiveInput"+suggestionCount).keyup(function(event){

    })

})

But it doesn't solve the problem.

Answer 1

Apply a class name to each input and then bind the keyup event to that. You can apply a class to multiple elements.