How to trigger a function on an element with "contenteditable" attribute?

Question

I got a HTML table, that consists of:

<td contenteditable="true">

And I have some function:

f()
{
  alert("pew");
}

What should I do to call the function, when I click on my "td"?

OnClick="f();"

doesn't seems to be working.

it works checkout [this fiddle](https://jsfiddle.net/85e7jfnx/2/) — phi lo czar, Jun 18 '19 at 21:57

score 0 · Answer 1 · answered Jun 18 '19 at 21:40

0

You can try below link its has the same question. contenteditable change events

Hope it helps.

answered Jun 18 '19 at 21:40

himanshu parakh

If you link to solutions, please copy and paste any relevant bits into your answer – Mingwei Samuel Jun 18 '19 at 21:58

score 0 · Answer 2 · answered Jun 18 '19 at 21:50

0

You can try something like this:

function f()
{
  console.log("pew");
}
document.getElementById("mytd").addEventListener("click", function() {
    f()
}, false);

<table>
  <tr>
    <td contenteditable="true" id="mytd">Content</td>
  </tr>
</table>

answered Jun 18 '19 at 21:50

Francisco Marão

Thx, the problem was really stupid - I wrote code for one cell, and clicked another to test it... – Dinoabunai Jun 18 '19 at 22:57

score -1 · Answer 3 · answered Jun 18 '19 at 21:46

-1

Try to remove the semicolon from onclick="f()", should be work

answered Jun 18 '19 at 21:46

Hiddenache

3 Answers3