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

wen19910312 2015-09-01 01:02:15

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

求解答。。

...全文

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

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

slwsss 2015-09-01

打赏
举报

回复

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

主要介绍了通过js实现点击div区域外隐藏div区域，原理及示例代码如下

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

JS值当前DIV的ID值的代码

实现一个在编辑框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事件，则些事件中取消前面设置的定时器

本文实例讲述了js选项卡的实现方法。分享给大家供大家参考。具体分析如下：一、思路 1. 获取元素； 2. for循环按钮元素添加onclick(点击) 或者 onmousemove(移入)事件； 3. 点击当前按钮时会以高亮状态显示，通过for循环历遍把所有的按钮样式设置为空在把所有div的display设置为none。 4. 点击当前按钮添加样式，把当前div显示出来，display设置为block。二、html代码： <div id=div1> <input type=button class=active value=1/> <input type=

87,997

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章