javascript鼠标点击文字变文本框代码
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 我们在很多时间会看到网页上的文字只要我们点击一下就是可以编辑了，下面我来给大这介绍一个javascript鼠标点击文字变文本框代码方法总结，有需要了解的朋友可进入参考。...
| 代码如下 |
复制代码 |
<style type="text/css">
body{font-size:13px;}
.sortname{height:30px;}
</style>
<script src="/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".sortname").click(function(){
if($(this).find(".sort_input").attr("type") == "text"){return false;}
var name = $.trim($(this).html());
var m = $.trim($(this).text());
$(this).html("<input type=text value=""+name+"" class="sort_input">");
$(this).find(".sort_input").focus();
$(this).find(".sort_input").bind("blur", function(){
var n = $.trim($(this).val());
if(n != m && n != ""){
//window.location = "sort.php?val="+encodeURIComponent(n);
//发送信息
$(this).parent().html(n);
}else{
$(this).parent().html(name);
}
});
});
});
</script>
</head>
<body>
<div class="sortname">百度</div>
<div class="sortname">谷歌</div> |
|
