JavaScript获取事件对象和目标对象
来源:互联网 发布:ubuntu docker 升级 编辑:程序博客网 时间:2024/05/17 22:28
文章来源:JavaScript获取事件对象和目标对象
在JavaScript开发中,经常需要获取触发某个事件的目标对象。让后根据目标对象进行不同的业务处理。下面展示通过JavaScript获取触发事件的事件目标对象。如下:
Js代码
window.onload = function(){
var obj = document.getElementById("test"); obj.onclick = function(event){
// W3C的event对象直接通过函数参数传递过来(arguments[0])
// IE的event对象绑定到window对象上面
var evt = event || window.event; alert(evt); };
};
HTML代码
<html>
<head>
<title>get target</title>
<script type='text/javascript'>
window.onload = function(){
var obj = document.getElementById("test");
obj.onclick = function(event) { // 获取事件对象
var evt = event || window.event;
// 获取事件触发的目标对象
// W3C标准(非IE): evt.target
// IE:evt.srcElement
var src = evt.target || evt.srcElement;
// 当点击div(非h3)标签上显示DIV,点击h3标签上显示H3
alert(src.tagName); }; };
</script>
</head>
<body>
<div style='height: 200px; width: 200px; background-color: green; padding: 30px;' id="test">
<h3 style='background-color: red;'>点击我......</h3>
</div>
<body>
</html>
- JavaScript获取事件对象和目标对象
- JavaScript获取事件制作作用的目标对象
- javascript中函数事件触发和Obj对象获取
- javascript事件和对象绑定
- javascript 取得目标对象
- 获取目标对象中心
- 获取事件目标对象的位置坐标或者鼠标位置坐标(兼容IE和火狐)
- javascript中获取触发事件的对象
- JAVASCRIPT常用事件、对象获取技巧
- JAVASCRIPT常用事件、对象获取技巧
- javascript如何获取触发事件的对象
- javascript获取事件触发的对象
- JavaScript获取事件对象的注意点
- javascript事件获取当前事件的对象和值以及ajax连接后台
- JavaScript - window对象方法和事件
- JavaScript - window对象方法和事件
- Javascript中事件对象event和e
- JavaScript 事件流、事件对象总结和事件处理程序
- Mysql 笔记--URL索引
- Looper.quit方法
- uiimage常用方法总结
- AWS 经典的3层web app部署架构图
- cpplint 嵌入VS平台上使用心得
- JavaScript获取事件对象和目标对象
- c++ sort()函数
- linux shell 脚本【1】 ---- echo 与 printf 用法
- 济宁广通机械有限公司
- 单源最短路 Bellman-Ford算法
- Android中View的绘制过程
- ios7Label自适应大小
- 软件产品测试手册
- 通用高性能服务框架解析