Javascript - onClick返回点击的内容

时间:2012-03-19 15:41:44

标签: javascript

所以,我有一个div,其中包含<h2><img> s等内容,我希望如果用户双击其中一个(例如他们双击任何内容)在<h2></h2>标记内,它会将其转换为文本框,其中包含<h2>title</h2> ...

我只是无法弄清楚如何向javascript函数发送双击的内容?

2 个答案:

答案 0 :(得分:2)

尝试使用jQuery着名:

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

答案 1 :(得分:1)

以下是单击的一个非常简单的示例:

<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/