你的位置:首页 > Java教程

[Java教程]点击链接将链接信息插入文本框


点击链接将链接信息插入文本框:
下面一段代码实例,当点击链接的时候能够将链接的相关信息插入大文本框中,可能在实际编码中很少有这种用法,不顾还是希望浏览者能够从中获取或多或少有用的信息,代码实例如下:

 

<!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属性,以免出现   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/