标签：
点击链接将链接信息插入文本框:
下面一段代码实例，当点击链接的时候能够将链接的相关信息插入大文本框中，可能在实际编码中很少有这种用法，不顾还是希望浏览者能够从中获取或多或少有用的信息，代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>点击链接插入链接信息-蚂蚁部落</title> <script type="text/javascript" src="http://www.softwhy.com/mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ var textareaContain = $("#textContain textarea").eq(0); //单击插入链接 $("#clickContain a").click(function(){ if(!$(this).hasClass(‘lock‘)){ var p=eval(‘/<a(?:.*)‘+$(this).html()+‘(?:.*)a>/i‘); var addString = $(this).parent().html().match(p); //正则提取<a>标签 if(!!addString) addString=addString[0]+‘\n‘; //正则匹配后的[0]是全部匹配的值，加入换行\n textareaContain.val(textareaContain.val()+addString); $(this).addClass(‘lock‘); //阻止第二次点击 } return false; }) //双击删除链接 $("#clickContain a").dblclick(function(){ $(this).attr(‘class‘,null); //删除整个class属性，以免出现class="" var p = eval(‘/<a(?:.*)‘+$(this).html()+‘(?:.*)a>(\\n*)/gi‘); textareaContain.val(textareaContain.val().replace(p,‘‘)); return false; }) }); </script> </head> <body> <div id="clickContain"> <a href="http://www.softwhy.com">蚂蚁部落</a> <a href="http://www.163.com">网易</a> <a href="http://www.qq.com">腾讯</a> <a href="http://www.sina.com.cn">新浪</a> </div> <div id="textContain"> <textarea rows="10" cols="50"></textarea> </div> </body> </html>
以上代码实现了此功能，点击链接的时候能够将链接信息插入。
特别说明:代码来源于网络，如有侵权尽快联系本站。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=8522
更多内容可以参阅:http://www.softwhy.com/jquery/
标签：
原文地址：http://www.cnblogs.com/nulifendou/p/5075471.html
