JS鼠标点击文字变文本框

JS鼠标点击文字变文本框，许多的cms都支持这样的结果，简朴而实用。

原来是一段文本，当你点击了文字后，这个文字酿成了可以编辑的状态。当编辑完毕，失去核心时，修改文本的内容。

例子

<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); alert('发送信息'); }else{ $(this).parent().html(name); } }); }); }); </script>

end

上一篇： php各类过滤字符函数   |   下一篇：php计较title标题相似比» 标签: js JS文本框

分享到： 更多

相关日志：

html 下拉选择框改变输入框中字的颜色

div+css+js隔行换色+鼠标悬停变色

jquery取表单的值

tab申缩滑动特效 JQ插件kwicks

javascript 中的的RegExp()工具

JS查抄QQ名目正确

JS查察键盘按键键值

JS解密函数function(p,a,c,k,e,d)

JS验证时间名目

评论：

gucci官方網 2013-01-20 13:14  

点击文字就是这样的哦

   

 

无线摄像头 2012-12-26 11:03  

这个文件方法就是这样的哦

   

 

沈阳seo 2012-12-24 16:13  

这个看起来不错嘛~~~知不知道 有个蜘蛛的谁人在网站页面上爬行是怎么做的

   

 

天津电动葫芦 2012-12-23 10:58  

权限很给你了的的啊

   

 

我的名字叫麒 2012-12-21 19:22  

鼠标这个不需要改了，好好写文章就好！

   

 

上海数据安详 2012-12-21 10:59  

文本框也是要代码写的

   

 

山寨吧 2012-12-19 18:37  

我在想你是不是出一个好措施

 

enenba 2012-12-19 22:27

额~这都蛮不住你。
不外对各人来说不必然是好措施。

 

 

单人扑克阐明 2012-12-19 13:27  

这个文本框我很喜欢呀

   

 

擦嘞 2012-12-18 15:34  

这个真心不错

   

 

滑动支架 2012-12-18 10:58  

博主，文章里的例子链接失效了。。。