Search code examples
javascriptjqueryjeditable

Jeditable - Suppressing clicks inside element

I have an element in my page that is editable with jEditable.

The behaviour I'm looking for and can't find a way to implement is that I want the field to become editable on a click event, and I want it to be submitted only on a blur event.

The reason is that I want the users to be able to do mouse operations such as double-click to select all and partial selections. Currently this is not possible because every click inside the jedtiable created form submits it.

This is the code I call jeditable with:

$('#element').editable(function(value, settings){
    return(value);
  },{
    onblur: 'submit',
    cssclass: 'editing',
    event: 'startedit'
  }
);
Solution

  • Can this be what you're looking for http://jsfiddle.net/PB9kx/1/ ?

    1. does not submit on enter
    2. submits on blur