Javascript-onClick返回所点击的内容

Question

因此，我有一个div，其中包含诸如<h2>和<img>的内容，因此我希望它能够使用户双击其中的一个（例如，他们双击<h2></h2>内的任何内容<h2></h2>标签，它将变成一个带有<h2>title</h2>的文本框...

我只是不知道如何将双击发送到javascript函数？

Answer 1

尝试如果您以jQuery闻名：

$('#yourDiv *').dblclick(function(event)){
 alert(event.target.html());
}

Answer 2

这是一个非常简单的单击示例：

<script type="text/javascript">
  function foo(elem) {
      elem.innerHTML = '<input type="text" value="' + elem.innerHTML + '">';
  }
</script>
<h1 onClick="foo(this)">Hello</h1>
<h1 onClick="foo(this)">My</h1>
<h1 onClick="foo(this)">Friend</h1>

实时测试： http ： //jsfiddle.net/MsTzY/