js-双击文本变成input快速更改排序值

最新推荐文章于 2021-11-04 13:01:04 发布

enjoy_sun_moon

最新推荐文章于 2021-11-04 13:01:04 发布

阅读量361

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/enjoy_sun_moon/article/details/84950025

版权

js 专栏收录该内容

55 篇文章 0 订阅

订阅专栏

<!DOCTYPE html> <head> <title>temp</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript">
        function ShowElement(element)
        {
            var oldhtml = element.innerHTML;
            var id=element.id;
            var newobj = document.createElement('input');
            newobj.value=element.innerHTML;
            newobj.type = 'text';
            newobj.style = "width:30px";
            newobj.onblur = function(){
                element.innerHTML = this.value ? this.value : oldhtml;
                console.log(this.value)
//                if(this.value!=''){
//                    $.post("check.php?choice="+id,this.value);
//                }
            };
            element.innerHTML = '';
            element.appendChild(newobj);
            newobj.focus();
        }
    </script> </head> 
    <body> 
        <dl> 
            <dt>你的用户名:</dt>
            <dd ondblclick="ShowElement(this)">11111</dd> 
            <dt></dt> 
            <dd ondblclick="ShowElement(this)">22222</dd> 
        </dl> 
    </body> 
    </html>

enjoy_sun_moon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js-双击文本变成input快速更改排序值

&lt;!DOCTYPE html&gt; &lt;head&gt; &lt;title&gt;temp&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html;charset=utf-8"&gt; &lt;script type="text/javascript"&gt;
复制链接

扫一扫