如何堆叠来自两个不同元素的按键事件和单击事件以触发相同的功能

Question

Is there a way to combine both an click event from an img element and a onkeypress event from an input element to trigger the same function?. This is what I got so far and it only services the click event...

  <div class="dataLine2"> <img id ="daysText" src="images/days.png"> <img class ="days" src="images/1day.png"> <img class ="days" src="images/2days.png"> <img class ="days" src="images/3days.png"> <img class ="days" src="images/4days.png"> </div> 

    <input type="text" class="stateInput" placeholder="State" maxlength="2"  value="NY" onkeypress="myFunction(???)" />

    <script> 
        //  I suspect that jQuery can stack two triggers in some daisy chain, but it eludes me...
        $('.days').on('click', function (e){
            // Do somehting crazy with the "e" being critical to the process in this function
            // 
        }
    </script> 

Any help would be appreciated...

Dennis

Answer 1

Just write your handler function and assign it:

    function foo(e) {
        // do something
    }

    $('.days').on('click', foo);
    $('input').on('keypress', foo);

Answer 2

I was ducked 2 points for posting this question which purportedly is not original. Unfortunately, the other question/solution does not concern the same idea.

The unanimous solution for the other problem was:

`$('#element').on('keyup keypress blur change', function(event) {`

That is useless to me. In my setting I am not firing from the same element. I have 5 different elements each of which sends a trigger to the same function. And that is clearly stated in my post AND in the title!!!

So I should receive my 2 points back and then allow other points to pile on because I asked an original question, which has not yet been answered.

DK