怎么获取触发事件的元素

怎么获取触发事件的元素,第1张

事件源对象

eventsrcElementtagName(documentgetElementsByTagName)

eventsrcElementtype

捕获释放

eventsrcElementsetCapture();

eventsrcElementreleaseCapture();

事件按键

eventkeyCode

eventshiftKey

eventaltKey

eventctrlKey

事件返回值

eventreturnValue

鼠标位置

eventx

eventy

窗体活动元素

documentactiveElement

绑定事件

documentcaptureEvents(EventKEYDOWN);

访问窗体元素

documentall("txt")focus();

documentall("txt")select();

窗体命令

documentexecCommand

窗体COOKIE

documentcookie

菜单事件

documentoncontextmenu

创建元素

documentcreateElement("SPAN");

根据鼠标获得元素:

documentelementFromPoint(eventx,eventy)tagName=="TD

documentelementFromPoint(eventx,eventy)appendChild(ms)

窗体

documentimages[索引]

窗体事件绑定

documentonmousedown=scrollwindow;

元素

document窗体elements[索引]

对象绑定事件

documentallxxxdetachEvent('onclick',a);

插件数目

navigatorplugins

取变量类型

typeof($js_libpath) == "undefined"

下拉框

下拉框options[索引]

下拉框optionslength

查找对象

documentgetElementsByName("r1");

documentgetElementById(id);

定时

timer=setInterval('scrollwindow()',delay);

clearInterval(timer);

UNCODE编码

escape() ,unescape

父对象

objparentElement(dhtml)

objparentNode(dom)

交换表的行

TableIDmoveRow(2,1)

替换CSS

documentallcssshref = "acss";

并排显示

display:inline

隐藏焦点

hidefocus=true

根据宽度换行

style="word-break:break-all"

自动刷新

<meta >

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

//类名 MyMouseLister

import javaawteventMouseEvent;

import javaawteventMouseListener;

public class MyMouseLister implements MouseListener{

public void mouseClicked(MouseEvent e){}

public void mouseEntered(MouseEvent e){}

public void mouseExited(MouseEvent e){}

public void mousePressed(MouseEvent e){}

public void mouseReleased(MouseEvent e){}

}

//类名OnMouseOver

import javaawtGridLayout;

import javaawteventMouseEvent;

import javaxswingJFrame;

import javaxswingJLabel;

import javaxswingJPanel;

public class OnMouseOver extends MyMouseLister{

private JLabel test1;

private JLabel test2;

private JLabel test3;

private JLabel test4;

private JPanel p;

private JFrame f;

public OnMouseOver(){

test1 = new JLabel("test1text");

test1addMouseListener(this);

test2 = new JLabel("test2text");

test2addMouseListener(this);

test3 = new JLabel("test3text");

test3addMouseListener(this);

test4 = new JLabel("test4text");

test4addMouseListener(this);

p = new JPanel(new GridLayout(2,2));

padd(test1,0);

padd(test2,1);

padd(test3,2);

padd(test4,3);

f = new JFrame("Test");

fadd(p);

fsetVisible(true);

fsetBounds(300, 200, 300, 200);

fsetDefaultCloseOperation(JFrameEXIT_ON_CLOSE);

}

//事件可以自己换

public void mouseEntered(MouseEvent e) {

if(egetSource() == test1){

Systemoutprintln(test1getText());

}else if(egetSource() == test2){

Systemoutprintln(test2getText());

}else if(egetSource() == test3){

Systemoutprintln(test3getText());

}else if(egetSource() == test4){

Systemoutprintln(test4getText());

}

}

public static void main(String[] args) {

new OnMouseOver();

}

}

希望能帮到你虽然这个是JLabel但是道理是相通的,你看看就明白了。

//附上 *** 作表格的方法:

getSelectedColumn()返回列索引

getSelectedRow()返回行索引

getValueAt()返回单元格的值

如果给TD加上valign属性用JavaScript是取不到的。(至少我取不到,不排除高人的存在)所以选了个折中的办法用style来控制,效果和valign属性控制是一样的,而且还能完成你想要的功能。

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<script language="javascript">

function aa() {

documentgetElementById("showValign")innerText = eventsrcElementstyleverticalAlign;

}

</script>

</HEAD>

<BODY>

<table width="500" height="500" border="1" onmousedown="aa();" onmouseover="aa();" onmouseout="documentgetElementById('showValign')innerText = '';">

<tr>

<td style="vertical-align:middle">

valign=middle

</td>

<td style="vertical-align:baseline">

valign=baseline

</td>

<td style="vertical-align:bottom">

valign=bottom

</td>

<td style="vertical-align:top">

valign=top

</td>

</tr>

</table><BR>

valign = <label id="showValign"></label>

</BODY>

</HTML>

以上就是关于怎么获取触发事件的元素全部的内容,包括:怎么获取触发事件的元素、js如何获取被点击li是第几个、JAVA中如何获得当前鼠标选中的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存