1、功能需求
点击 tab栏,可以切换效果.
点击 + 号, 可以添加 tab 项和内容项.
点击 x 号, 可以删除当前的tab项和内容项....x号
新建js文件,定义类,添加需要的属性方法(切换,删除,增加,修改)
时刻注意this的指向问题
3、切换
为获取到的标题绑定点击事件,展示对应的内容区域,存储对应的索引
this.lis...不需要鼠标触发 that.lis[index] && that.lis[index].click(); }
6、编辑
双击选项卡li或者section里面的文字可以实现修改功能...window.getSelection().removeAllRanges(): document.selection.empty();
核心思路:双击文字的时候,在里面生成一个文本框当失去焦点或者按下回车然后把文本框输入的值给原先元素即可...type="text" />'; var input = this.children[0]; input.value = str; input.select(); // 文本框里面的文字处于选定状态