页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容

一个快速添加标签的小玩意，但在FF下不能用，望高手指点

发布：dxy 字体：[增加减小] 类型：转载

初步判断是obj.style.backgroundColor在FF下返回的是rgb(xxx,xxx,xxx)的缘故。偶是新手，代码很菜，高手勿笑啊

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
a.blue:link,a.blue:visited{ 
    font-size: 12px; 
    color: #69c; 
    text-decoration: none; 
} 
a.blue:hover{ 
    background: #69c; 
    color: #fff; 
} 
</style> 
<script type="text/javascript"> 
function fInsert(a,b){ 
    oInput = document.getElementById(a); 
    oItm = b; 
    if(b.style.backgroundColor == "#69c"){     
    sReplace = oItm.innerHTML.concat(" "); 
    oInput.value = oInput.value.replace(sReplace,""); 
    b.style.backgroundColor = ""; 
    b.style.color = ""; 
    } 
    else{ 
    oInput.value = oInput.value.concat(oItm.innerHTML); 
    oInput.value = oInput.value.concat(" "); 
    b.style.backgroundColor = "#69c"; 
    b.style.color = "#fff"; 
    } 
} 
</script> 
</head> 
<body> 
<input type="text" id="cc" style=" width: 300px;" /> 
<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字</a>　<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字2</a>　<a href="javascript:void(0);" class="blue" onclick="fInsert('cc',this);">关键字3</a> 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：一个快速添加标签的小玩意但在FF下不能用望高手指点

百度中搜索更多的关于一个快速添加标签的小玩意，但在FF下不能用，望高手指点内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：用javascript实现文本框和"选择"按扭之间的间距
下一篇文章：javascript+css好多网站用的选星星实现打分功能的函数

文章评论

共有位脚本之家网友发表了评论我来说两句

一个快速添加标签的小玩意，但在FF下不能用，望高手指点

文章评论

同类文章

最近更新

热点排行

一个快速添加标签的小玩意，但在FF下不能用，望高手指点

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行