模糊或按Enter时如何调用JQuery函数？

Question

I need to release the textfield when I press enter or blur()

Actually I'm ok when blur(), but I need those both things.

This is what I have:

* JQuery *

$(document).ready(theMain);
      function theMain(){

        $("td").blur(ActTable);

        function ActTable(){
          alert("it works!");
        }

    }

* HTML *

<table>
  <tr><td>myID</td><td>column1</td><td>column2</td></tr>
  <tr>
    <td>01</td>
    <td contenteditable="true" onkeyup="if(event.keyCode==13) ActTable();">text to change</td>
    <td contenteditable="true" onkeyup="if(event.keyCode==13) ActTable();">text to change</td>
  </tr>
</table>

In fact, this HTML part calls the function but I need to release the textfield instead of type down space. Same as blur() does.

Sorry for my bad english and thanks.

Edit: I need to release the text field when I press enter, i don't know if i'm speaking correctly but I need the same blur effect when I press enter on that textfield. English is not my native language so, sorry if i'm not speaking well.

Answer 1

you need to use e.which == 13

if(e.which == 13) {
    alert('You pressed enter!');
}

your code

$(document).ready(theMain);

function theMain() {
    $("td").on('blur', ActTable).on('keypress', function (e) {
        if (e.which == 13) {
            ActTable();
        }
    });

    function ActTable() {
        alert("it works!");
    }
}

Answer 2

Let me know if this gets the job done as you need.

JQUERY:

$(document).ready(function(){
    //wire up blur events
    $('#myTable').on('blur','[contenteditable=true]',function(){
        alert('works');
    });

    //wire up keyup events
    $('#myTable').on('keyup','[contenteditable=true]',function(){
        if(event.keyCode==13){
            $(this).blur();
        }
    });
});

The only change needed on the HTML is on the table tag HTML:

<table id="myTable">

Needed for the Jquery to select the tds necessary in the table. Also remove the onkeyup attribute on the td tags

Have a look and tinker with it here: Fiddle

Answer 3

Use the .keyup() method, and check if event.which equal to 13. So, you could write:

$("#yourIdHere").keyup(function (event) {
    if (event.which == 13) {
        //use blur on input
        $("#yourIdHere").blur();
    }
});

Edit

You could call the blur function after checking the event.which value.