javascript 如何获取触发函数的事件源?

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3457 天前的主题，其中的信息可能已经有所发展或是发生改变。

<html>
<body>
<div>
<input type="text" name="time" id="time" />
<input type="button" value="开始" onclick="startime()" id="button"/>
</div>
<script type="text/javascript">
function startime(){
console.debug(this);
}
</script>
</body>
</html>

如何才能获取
<input type="button" value="开始" onclick="startime()" id="button"/>

这个事件源?

startime

id=

Button

7 条回复 • 2015-06-08 10:12:46 +08:00

Septembers

2015-06-08 01:06:22 +08:00

HTML: <input type="button" value="开始" onclick="startTime(this)" id="button"/>
JavaScript: function startTime(element) { console.log(element); }

w88975

2015-06-08 01:08:05 +08:00

onclick="startTime(event)"

function startTime(event)

一个event搞定一切

yyfearth

2015-06-08 03:38:27 +08:00

现在了压根不该这样写
绑定事件应该用js来绑定而不是写在html里面
至少用
document.getElementById('button').onclick = function startime(e){
console.debug(this, e);
}

一般来说最好用library比如jQuery或者类似
$('#button').click(function startime(e){
console.debug(this, e);
});
或者原生的
document.getElementById('button').addEventListener('click', function startime(e){
console.debug(this, e);
}, false);

flowfire

2015-06-08 09:24:49 +08:00

要么使用监听函数。
要么用call
onclick = startTime.call(this, a,b,c)
function starttime(a,b,c){}

sujin190

2015-06-08 09:36:36 +08:00

其实你在chrome控制台调试下，看下调用栈和各作用域变量就知道了

wd0g

2015-06-08 10:03:09 +08:00

@yyfearth 感谢,原来是我想错了~~

coolzjy

2015-06-08 10:12:46 +08:00

难道不是 event.target?