首页 相关文章 直接双击页面元素进行修改的HTML代码

直接双击页面元素进行修改的HTML代码

  在腾讯空间和一些网站上我们经常看到交互性很强的功能。一些用户资料可以直接双击出现文本框,并在此输入新的资料即可修改,无需再按确定按钮等。。

  这些功能看似较难,其实实现起来很简单,只需几行代码就可实现。希望对一些新手有所帮助,高手请飘过~

  注意代码中加粗部分。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
html xmlns="http://www.w3.org/1999/xhtml"
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title直接双击页面元素进行修改的HTML代码/title
script type="text/javascript"
function ShowElement(element)
{
    var oldhtml = element.innerHTML;   //...[ 查看全文 ]

2016-02-19 标签:

直接双击页面元素进行修改的HTML代码的相关文章

手机页面
收藏网站 回到头部