只用一个click绑定多个div示例
来源:互联网 发布:二叉树反转 java 编辑:程序博客网 时间:2024/04/29 20:16
现在我想实现这样的功能:当前有三个并列的div,各自有不同的classname,我希望点击不同的div,在控制台输出当前点击的div的类的名字。
这其实很好实现,一般我们只要为这三个div分别绑定一个click,然后里面设置输出就可以。
但是这里有一个额外的要求,就是:只能绑一个click
实现代码如下:
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>Event练习</title> <style type="text/css"> .box{width:250px;height:130px;position: absolute;top: 50%;margin-top: -75px;left: 50%;margin-left: -75px;} div.a ,div.b , div.c{width: 40px;height: 40px;margin: 10px;} .a{background: black;float: left;} .b{background: black;float: left;} .c{background: black;float: left;} </style> <script src="js/jquery2.1.3.min.js"></script> <script type="text/javascript"> $(function(){ $("div").click(function(e){ //event.target是原生js,IE不支持,因此这里要做一下封装 var ev = e ? e : window.event; var tarGet = ev ? (ev.target ? ev.target : ev.srcElement) : ""; //封装结束 //tarGet现在还是JavaScript元素,将其转换为jQuery元素 var $target = $(tarGet); console.log($target.attr("class")); }); }); </script></head><body><div class="box"> <div class="a"></div> <div class="b"></div> <div class="c"></div></div></body></html>
0 0
- 只用一个click绑定多个div示例
- JQuery 多个ID对象绑定一个click事件
- 只用一个div画一个太极图
- button绑定多个click的bug处理
- 如何让app多个页面只用一个地图实例
- Canvas实现多个圆形进度条显示百分比,并绑定各自的click事件
- 手机端滑动事件监听,可绑定多个DIV
- 一个空间如何绑定多个域名:[1]IIS绑定
- ubuntu 多个网卡绑定一个IP
- JQuery一个对象绑定多个事件
- 一个网卡绑定多个IP地址
- jquery一个控件绑定多个事件
- 一个WordPress站点绑定多个域名
- 一个ip绑定多个域名
- JQuery一个对象绑定多个事件
- 一个命令按钮绑定多个事件
- 一个WordPress站点绑定多个域名
- 一个监听器绑定多个按钮控件
- Activity和Activity带参数跳转 带参数返回
- Oracle 定时任务遇到的问题
- 光线投影算法
- QString与char *的转换
- 美元汇率
- 只用一个click绑定多个div示例
- 玩玩Linux云主机-redis的数据类型
- Spark SQL、DataFrame和Dataset
- linux--tar 压缩包
- NodeJS搭建博客系统(一)基本配置与路由控制
- 论算法的实际应用——泡妞论
- STFService.apk在手机上提示 Not found ; no service started
- ubuntu画图工具gnuplot
- 史上最详细的iOS之事件的传递和响应机制