首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何访问触发函数的DOM元素?

如何访问触发函数的DOM元素?
EN

Stack Overflow用户
提问于 2013-10-09 17:16:36
回答 2查看 79关注 0票数 0

因此,当DOM准备就绪时,我就创建了jQuery事件,如

代码语言:javascript
运行
复制
$(document).ready(function() {
    $('A#myId').bind('click', function(e) {
        console.log(e);
        console.log($(this));
    });
});

因此,我很容易访问使用e$(this)触发事件的DOM元素。

我遇到的问题是,当我想要在一个函数中使用我的脚本时,比如

代码语言:javascript
运行
复制
function myFunction()
{
    console.log();
}

以及触发脚本,如

代码语言:javascript
运行
复制
<a id="myId" onclick="myFunction()">My link</a>

代码语言:javascript
运行
复制
$(document).ready(function() {
    $('A#myId').bind('click', function(e) {
        myFunction()
    });
});

如何访问使用该结构触发事件的DOM元素?

另外,当DOM准备好时,您能在部件中添加一个函数吗?比如

代码语言:javascript
运行
复制
$(document).ready(function() {
    function myFunction()
    {

    }
}); 

提前感谢你(我对jQuery还比较陌生,缺乏一些依据),很抱歉,如果这个话题已经被回答了,我以前的研究就失败了(因为关键字质量不好)。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-10-09 17:19:19

就像这样:

代码语言:javascript
运行
复制
<a id="myId" onclick="myFunction(this, event)">My link</a>
function myFunction(element, event)
{
    console.log(element + event);
}

代码语言:javascript
运行
复制
$('A#myId').bind('click', function(e) {
        console.log(e.target);   
        Call Your Method(e) // event will be defined
});

哪里

this将是html对象,事件是用来获取事件的事件。

您可以根据需要使用event.keyCode和其他操作来检查它。

票数 2
EN

Stack Overflow用户

发布于 2013-10-09 17:21:44

我刚试了一下

代码语言:javascript
运行
复制
$(document).ready(function() {
    $('A#myId').bind('click', function(e) {
        myFunction(e)
    });
});

还有这个

代码语言:javascript
运行
复制
function myFunction(e)
{
    console.log(e);
}

而且看起来很管用。

这是唯一的办法吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19278571

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档