获取Contenteditable

Question

演示的Jsfiddle。

我有一个可满足的部门。我想要我在那个div中写的任何东西的html，点击锚标签。

现在，div正在工作，但是在单击锚标记时没有显示任何内容。

function getcode()
{
    var content = $('#my-contenteditable-div').html();
    alert (content);
}

Answer 1

你也可以这样做：

$("a").click(function () {
    alert($('#my-contenteditable-div').html());
});

这是JSFiddle

然后，不需要编写单独的函数并将其附加到onclick标记的a事件属性中。

Answer 2

尝尝这个

// get the link
var link = document.getElementById("linkId");
// add click listener to it
link.addEventListener("click",getcode,false);
// you handler
function getcode()
{
    var content = document.getElementById("my-contenteditable-div");
    alert (content.innerHTML);
}

Answer 3

只是您可以使用jquery

工频

$(document).ready(function() { 
  $('#gethtml').on('click', function(e) {    
    var content = $('#my-contenteditable-div').html();
    alert (content);
  });
});