保捱科技网
您的当前位置:首页基于jquery的点击链接插入链接内容的代码_jquery

基于jquery的点击链接插入链接内容的代码_jquery

来源:保捱科技网


点击链接插入链接内容。
亮点:
  1.正则匹配标记。
  2.jQuery单击添加,双击删除。
  3.textarea加入换行。
核心代码:
代码如下:



Click to Text






脚本之家
百度
QQ
新浪
abc





$(document).ready(function(){
var textareaContain = $("#textContain textarea").eq(0);
//单击插入链接
$("#clickContain a").click(function(){
if(!$(this).hasClass('lock')) {
var p = eval('//i');
var addString = $(this).parent().html().match(p); //正则提取标签
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('/(\\n*)/gi');
textareaContain.val(textareaContain.val().replace(p,''));
return false;
});
});




作者:Zjmainstay    
出处:http://www.cnblogs.com/Zjmainstay/
显示全文