用<ul><li>拼接的树展开折叠的限制

HuangYingJi · 发表于 2019-3-12 09:59:13

用<ul><li>拼接形成的树，如何处理只点击列表前面的小箭头才进行展开折叠？限制点击行展开折叠（就是点击行不进行展开折叠）？

jishuang · 发表于 2019-3-12 11:16:09

可以到网上查找html中实现

默认就是定义一个样式默认是不显示的给下面的li设置，自己在点击的时候设置修改样式设置为显示的样式，然后再点击的时候判断是不显示的样式设置为显示的样式，如果是显示的样式就设置为不显示的样式

HuangYingJi · 发表于 2019-3-13 16:54:58

如何获取点击的是小箭头

jishuang · 发表于 2019-3-13 17:02:00

在箭头的onClick事件中就可以获取都自己

HuangYingJi · 发表于 2019-3-13 17:11:45

箭头的onClick事件就是<li>的onClick事件，关键点击的是箭头区域还是行中的其他区域

jishuang · 发表于 2019-3-13 17:16:45

那你可以给箭头设置一个特殊的class，通过class获取啊

HuangYingJi · 发表于 2019-3-13 18:00:57

outerEle.onclick = function(e) {
// 处理事件对象兼容
var e = e || window.event;

console.log(e.offsetX);
}
点击箭头位置可以得到负值，其他位置是正值这样就可以区别了
可以了结贴了

		自动登录	找回密码
密码			注册

[结贴] 用<ul><li>拼接的树展开折叠的限制