event的srcElement

最新推荐文章于 2023-01-09 13:33:44 发布

xclsky1120

最新推荐文章于 2023-01-09 13:33:44 发布

阅读量899

点赞数

本文链接：https://blog.csdn.net/yumolan4325/article/details/78839945

版权

1 js函数中有event对象。event对象为事件对象。event有一个属性是srcElement。event.srcElement为获取事件的对象引用。和通过document.getElementById("id")具有一样的效果。
如：<input type="button" id="btn1" name="btn1" value="按钮" οnclick="btn_btn1_onclick()"/>
js函数-------------------
<script type="text/javascript" language="javascript">
function btn_btn1_onclick(){
var obj_=event.srcElement;
alert("属性："+obj_.id);

}

完整的例子：
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'MyJsp.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript" src="./common/js/json2.js"></script>
</head>

<body>
<input type="text" id="text1" name="text1" value=""/>
<input type="button" id="btn1" name="btn1" value="按钮" οnclick="btn_btn1_onclick()"/>
</body>
<script type="text/javascript" language="javascript">
function btn_btn1_onclick(){
alert(event.srcElement);
var src_obj="";
var obj_=event.srcElement;
for(var srcE in obj_){
src_obj=src_obj+" "+srcE+":"+obj_[srcE]+"/n";

}
//alert(src_obj);
var obj=document.getElementById("btn1");

alert("属性："+obj.id+" "+obj_.id);

}
</script>
</html>

xclsky1120

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
event的srcElement

1 js函数中有event对象。event对象为事件对象。event有一个属性是srcElement。event.srcElement为获取事件的对象引用。和通过document.getElementById("id")具有一样的效果。如：js函数------------------- function btn_btn1_onclick(){ var obj_=event.
复制链接

扫一扫