jQuery文本框创建关键词标签代码.zip资源-CSDN文库

共5个文件

js：2个

png：1个

html：1个

版权申诉

jquery

jquery代码

jquery插件

jquery特效

92 浏览量 2023-09-21 00:21:39 上传评论收藏 39KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery文本框创建关键词标签代码.zip （5个子文件）

tag.js 5KB

jquery.min.js 91KB

img

x.png 3KB

css

tag.css 1KB

index.html 3KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jQuery文本框创建关键词标签代码</title> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/tag.js"></script> <link rel="stylesheet" type="text/css" href="css/tag.css" /> </head> <body><script src="/demos/googlegg.js"></script> <h2>添加标签</h2> <p>在下面输入框中输入标签值，并且回车，如果添加多个标签可用逗号：','或者'，'分开</p> <input type="text" id="tagValue" > 输入后按回车 <br/><br/><br/> <h2>初始化已设标签</h2> <p>在调用innitView之前设置tagValue，如：tag1.tagValue = "浙江,绍兴,上海,山东,北京,四川";</p> <input type="text" id="tagValue1"> <br/><br/><br/> <h2>修改标签</h2> <p>双击标签进行修改标签，修改其中内容，回车或者让编辑失去焦点</p> <br/><br/><br/> <h2>删除标签</h2> <p>删除标签，有两种方式，</p> <p>第一种：移到标签上点击右上角红色小叉</p> <p>第二种：双击标签进行修改标签，内容全部删除，回车或者让编辑失去焦点</p> <br/><br/><br/> <h2>禁用标签操作</h2> <p>在调用innitView之前设置isDisable=true，如：tag2.isDisable=true;</p> <input type="text" id="tagValue2"> <br/><br/><br/> <h2>方法启用禁用标签操作</h2> <p>启用：unDisableFun(),禁用：disableFun()</p> <input type="text" id="tagValue3"> <br/><br/><br/><br/> <button onClick="openUpdate()">开启</button> <button onClick="closeUpdate()">关闭</button> <script type="text/javascript"> //添加标签 var tag = new Tag("tagValue"); tag.initView(); //初始化已有标签 var tag1 = new Tag("tagValue1"); tag1.tagValue = "浙江,绍兴,上海,山东,北京,四川"; tag1.initView(); //禁用标签操作 var tag2 = new Tag("tagValue2"); tag2.tagValue = "浙江,绍兴,上海,山东,北京,四川"; tag2.isDisable=true; tag2.initView(); //禁用标签操作 var tag3 = new Tag("tagValue3"); tag3.tagValue = "浙江,绍兴,上海,山东,北京,四川"; tag3.initView(); function openUpdate(){ tag3.unDisableFun(); } function closeUpdate(){ tag3.disableFun(); } </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p> <p>更多源码下载：<a href="http://www.96flw.com" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉