event.srcElement与event.target

最新推荐文章于 2022-04-26 21:14:39 发布

38度秋裤

最新推荐文章于 2022-04-26 21:14:39 发布

阅读量628

点赞数

本文链接：https://blog.csdn.net/u010452908/article/details/43772653

版权

<%@ 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%>">
    <!-- 
      window.event 对象 
      firefox 没有window.event 对象,可以通过函数的参数传递event对象, 例如:οnmοusedοwn=function(event) 
       解决方法 var e =window.event||event;
      event.srcElement 和event.target 
      IE :有srcElement属性,没有target属性
      firefox: 有target 属性,没有srcElement属性
      event.srcElement 和event.target的作用是一样的,<[获取事件作用的元素:: ]>
      IE 下的event.srcElement =firefox 下的event.target
      兼容方法: obj =event.srcElement ?event.srcElement :event.target;
      
      <[ nodeType 属性返回被选节点的节点类型]>
      <[ reference:http://www.w3school.com.cn/jsref/dom_obj_event.asp]>
      1     Element 
      2     Attribute 
      3     Text 
      4     CDATA Section 
      5     Entity Reference 
      6     Entity 
      7     Processing Instrucion 
      8     Comment 
      9     Document 
      10    Document Type 
      11    Document Fragment 
      12    Notation  
     -->
  </head>
    <script type="text/javascript">
    function eventLoc()
    {
       var targ;
       if (!e)
       {
          var e = window.event||event;
          if(e.target)
          {
             targ = e.target;
          } 
          else if (e.srcElement) 
          {
             targ = e.srcElement;
          }
       };
       if (targ.nodeType == 3)
       {  
          // nodeType==3代表<[node.text_node]> 
          targ =targ.parentNode;
       };
       var tname, tText, tId,nodeTypeNum;
       tname = targ.tagName;
       tText = targ.value;
       tId = targ.id;
       nodeTypeNum = targ.nodeType;
       alert("you clikced on a " + tname + " element and its value is: ->" + 
              tText + "its id is ->" +tId +":"+nodeTypeNum);
    }   
    
    function eventTar()
    {
       var targ;
       if (!e)
       {
           var e=window.event||event;
           var obj=e.srcElement ?e.srcElement :e.target;
           targ = obj;
       };
       // <[onfocus 作用的元素是文本节点 ]>
       if (targ.nodeType == 3)
       {
           targ =targ.parentNode;
       };
       var tname;
       tname = targ.tagName;
       alert(tname+" element was clicked");
    } 
    </script>
  <body>
    if语句: <input type="text" id="eventLoc" name="eventLoc" οnfοcus="javascript:eventLoc();" value="ok">
    三元式:  <input type="text" id="eventLoc" name="eventLoc" οnfοcus="javascript:eventTar();" value="event_works">
  </body>
</html>

event

<%@ 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%>">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	<[reference: http://www.w3school.com.cn/htmldom/index.asp]>
	<[reference: https://developer.mozilla.org/zh-CN/docs/Web/API/Element.tagName]>
	<[reference: http://blog.csdn.net/nanshan_hzq/article/details/7160930]>
	 parent.parent.frames("treeFrame").location.reload();
	 -->
   <script type="text/javascript"> 
   function getBtnIndex(indexList)
   {
    var srcIndex = -1;
    for (var i = 0; i < indexList.length; i++)
    {
         var targ;
         if (!e)
         {
           var e=window.event||event;
           var obj=e.srcElement ?e.srcElement :e.target;
           targ = obj;
         };
         
        if (indexList[i] == targ)
        {
            srcIndex = i;
            break;
        }
    }
        return srcIndex;
    }
    
   function c_deleteTableRow()
   {
    var oTable = document.getElementById("frmTab");
    var deleteBtn = document.getElementsByName("deleteBtn");
	var srcIndex = getBtnIndex(deleteBtn);
        if(confirm("确定要删除该行吗？"))
	    {
		    oTable.deleteRow(srcIndex);	       
	    }
	    // 进行数据操作函数
	    // deleteDataFromDatabase();
	    // document.getElementById("params").value = params;
    }
    </script>
  </head>
  
  <body>
     <table id="frmTab">
         <tr><td style="color:red">第1行代码</td>
         <td>
         <input type="button" value="firstRow" id="deleteBtn1" name="deleteBtn" οnclick="javascript:c_deleteTableRow();">
         </td>
         </tr>
         <tr><td style="color:red">第2行代码</td>
         <td>
         <input type="button" value="secondRow" id="deleteBtn2" name="deleteBtn" οnclick="javascript:c_deleteTableRow();">
         </td>
         </tr>
         <tr><td style="color:red">第3行代码</td>
         <td>
         <input type="button" value="thirdRow" id="deleteBtn3" name="deleteBtn" οnclick="javascript:c_deleteTableRow();">
         </td>
         </tr>
     </table>
  </body>
</html>

38度秋裤

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
event.srcElement与event.target

<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%> "> <!-- window.event 对象
复制链接

扫一扫