vue获取当前点击元素的dom对象

vue获取当前点击元素的dom对象,第1张

$event:当前触发的是什么事件

$eventtarget:触发事件的元素对象(不一定是绑定事件的对象,会因为事件冒泡变化)

$eventcurrentTarget:绑定事件的元素对象

参考:

vue中关于$event的通俗理解

Vue 点击获得父元素,子元素,兄弟元素(DOM *** 作)

event是事件对象,比如你按了某个键(或者单击等,反正能触发事件的),那你在处理时候可能会需要一些信息,比如说是哪个元素被触发的,这个元素也就是你所问的eventsrcElement(事件的源对象),通过它可以得到事件的对象,如果你是按键事件如keyup,keydown,那么在eventkeyCode会得到这个键的ascii码,如果是鼠标事件,可能还会有当前鼠标的坐标等等,总之,这个对象里面包含了事件发生时的各种数据。

你给按钮添加ActionListener事件,单击按钮的时候,会触发这个事件的actionPerformed方法,你可以通过egetSource()来获取当前点击的对象,记得要强转型。

不知道我的理解对不对,首先你的tab应该指的是一个表格吧,我用的是

documentgetElementById("tab")来获取表格的,然后根据第零行零列获取

所有标签名字为 input 的控件,通过 控件type 可以获得控件的类型

同理可以 控件id 之类的,下面是我获取控件的一段代码,你保存为

html格式,运行看一下是不是你要的效果

<html>

<head>

<script language="javascript">

function chk(){

var items = documentgetElementById("tab")rows[0]cells[0]getElementsByTagName("input");

for(var i=0;i<itemslength;i++){

alert(items[i]type);

}

}

</script>

</head>

<body>

<form name="myform">

<table name="tab" id="tab">

<tr>

<td>

<input type="button" onclick="javascript:chk()" name="button1" id="button1" value=" 1 ">

<input type="button" onclick="javascript:chk()" name="button2" id="button2" value=" 2 ">

<input type="button" onclick="javascript:chk()" name="button3" id="button3" value=" 3 ">

<input type="button" onclick="javascript:chk()" name="button4" id="button4" value=" 4 ">

</td>

<td></td>

</tr>

</table>

</form>

</body>

</html>

你把当前的jquery对象传入进去就可以用了,例如:

<script src=">

如果你想兼容各浏览器,建议你使用jquery

$('#target')dblclick(function() {

alert("Handler for dblclick() called");

});

如果你是在ie8中测试可以用:

objectattachEvent("ondblclick", handler)

参考:>

可以通过“ThreadcurrentThread()getStackTrace()”,来获得当前调用堆栈。从而获得所需要的调用类及方法。

package demo;

public class Main {

public static void main(String[] args) {

//JFinalstart("webRoot", 8080, "/");

Main m = new Main();

ma1();

}

public void a1(){

new A()a();

}

}

class A{

public void a(){

new B()b();

}

}

class B{

public void b(){

new C()c();

}

}

class C{

public void c(){

StackTraceElement[] es = ThreadcurrentThread()getStackTrace();

for(StackTraceElement e : es){

Systemoutprintln(egetClassName());

}

}

}

运行结果:

以上就是关于vue获取当前点击元素的dom对象全部的内容,包括:vue获取当前点击元素的dom对象、如何在js中获取event对象、JAVA]怎么获得点击的按钮对象等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9701348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存