javascript - X-editable toggle on click. How to disable native element click? - Stack Overflow

admin管理员组

文章数量:1317565

Problem is that cant disable native "on click" event that triggers x-editable to transform into textarea. I want that only Button could tranfsorm text to textarea, So that on text is non-clickable.

I found questions how to trigger x-editable on other element click. But how to disable native text click and leave only other element's event ?

Fiddle with problem is here:

This part works great:

$('.edit-post-button').on('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    $textarea = $(this).closest('.media-body').find('.editable');
    $textarea.editable('toggle');        
});

But when trying to disable native text click, it wont work, or I'm doing something wrong here ?

$('.editable-post-textarea').on('click', function(e) {
    console.log('native-click-triggered!');
    e.stopPropagation();
});

Here is sample with my problem: /

So how to disable native "click" event on textarea, and leave trigger only on "EDIT TEXT" button?

Problem is that cant disable native "on click" event that triggers x-editable to transform into textarea. I want that only Button could tranfsorm text to textarea, So that on text is non-clickable.

I found questions how to trigger x-editable on other element click. But how to disable native text click and leave only other element's event ?

Fiddle with problem is here:

This part works great:

$('.edit-post-button').on('click', function(e) {
    e.preventDefault();
    e.stopPropagation();
    $textarea = $(this).closest('.media-body').find('.editable');
    $textarea.editable('toggle');        
});

But when trying to disable native text click, it wont work, or I'm doing something wrong here ?

$('.editable-post-textarea').on('click', function(e) {
    console.log('native-click-triggered!');
    e.stopPropagation();
});

Here is sample with my problem: http://jsfiddle/jjdJX/64/

So how to disable native "click" event on textarea, and leave trigger only on "EDIT TEXT" button?

• javascript
• jquery
• twitter-bootstrap
• x-editable

Share Improve this question Follow edited Feb 18, 2014 at 13:10 Mike Causer 8,32422 gold badges4646 silver badges6363 bronze badges asked Jan 23, 2014 at 12:45 user991user991 1,36933 gold badges2525 silver badges4545 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

Disable elements' click event using:

$('.editable-post-textarea').off('click');

Fiddle: http://jsfiddle/jjdJX/65/

In version 1.5.1 you can set a 'toggle' option with a 'manual' value

$('.editable').editable({
  toggle: 'manual'
});

Doing this has the nice side effect of removing the dashed-underline decoration in the editable field.

source official x-editable docs

本文标签： javascriptXeditable toggle on click How to disable native element clickStack Overflow