div的点击事件获取当前那个div点击了

wen19910312 2015-09-01 01:02:15

如图想做这么一个效果，点击左边的任意人员，点中变色，点按钮时，左边的选中过去右边，右边的保存所选择的，也可以到左边。

求解答。。

...全文

457 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

slwsss 2015-09-01

打赏
举报

回复

http://bbs.csdn.net/topics/391820349#post-400334228

：id绑定 :id=”‘a_’+index” 输出的id为a_0，a_1。。。。。哈哈哈然后在vue的实例中就可以拿到对应的id b(index){ this.list.splice(index,1); } 或添加 open(a){ console.log(a.currentTarge

实现一个在编辑框input下根据输入内容显示匹配内容的下拉列表。实现思路很简单：将匹配的内容放在一个div中，input输入时把匹配内容的div显示在input下面。在做的过程中遇到一个棘手的问题： input的onblur中隐藏下拉div div的onmouseup 将选择的li内容设置到input 鼠标从Input移到下拉div并点击其中一个li的过程： onmousemove => onblur => onmousedown => onmouseup 这问题两手的地方是是当点击li之前触发onblur，会隐藏下拉div, 则不再触发onmousedown 现在解决办法有两个：方案1：触发Onmousemove时获取当前鼠标位置在onblur事件时判断之前获取鼠标位置是否在下拉div的内部，如果在不隐藏下拉div,反之隐藏下拉div 方案2：在触发onmousemove时设置标志在触发onblur时判断标志，如果标志没有设置则隐藏下拉div 若标志已设置，为防止在下拉div外点击触发onblur,则需定时如300ms后对下拉div进行隐藏若点击的是下拉div则位触发onmouseup事件，则些事件中取消前面设置的定时器

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

情况如下：外层的div有一个点击跳转事件，按钮div也是一个点击事件用来隐藏整个div，产生的问题是，点击了关闭按钮了同事会触发父级div的跳转事件，解决方法：在子级div上增加一个事件 onClick="event.cancelBubble = true"，这样就可以只触发自身的点击事件了

js获取当前点击的div的自定义属性 HTML结构如下： <div class="content-left-nav"> <div data-value="1" class="active-yscy-left">能源工业</div> <div data-value="2" class="">石油化工</div> <div data-value="3" class="">有色冶金</div>

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章