菜鸟初问：关于onclick（）事件

wandering_guy 2003-07-19 05:16:35
我参照书上的例子，左一个简单的树型结构
原来的onclick事件是这样的：
<body onclick = "nodeChange();">
然后紧接着就是定义的节点项
这样是可以正常实现的

但是我在<body onclick = "nodeChange();">
后面嵌套了两个table，然后再点击table内的节点，就怎么也触发不了这个事件了，
是怎么回事？该怎样解决呢
...全文
108 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
wandering_guy 2003-07-21
  • 打赏
  • 举报
 回复
colee(长夜多浪漫) ,能稍微详细点说一下，怎么用document.all(subId,i)解决呢？？
谢谢
colee 2003-07-20
  • 打赏
  • 举报
 回复
有了循环语句： for(int i=0;i<model.getRowCount();i++){
for(int j=0;j<model.getColumnCount();j++){

ID值不唯一 （id= subNode1 ），需要用类似document.all(subId,i)才有效
形印声传 2003-07-19
  • 打赏
  • 举报
 回复
晕，这个里有嵌套jsp语句啊~~~
wandering_guy 2003-07-19
  • 打赏
  • 举报
 回复
这个就怎么也无法触发onclick()事件


<html>
<head >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="../script/font.css">
</head>

<%@ page import="com.fin.model.* " ,java.sql.*%>

<jsp:useBean id="fin_TestBean" scope="page" class="com.fin.bean.FinTestBean" />
<jsp:setProperty name="fin_TestBean" property="*" />

<%
String sql = "select JJXLPARTNAME from hajj.jjxljj ";
myDataModel model = fin_TestBean.runTest(sql.toString());
%>

<script language = "javascript" type = "text/javascript">
<!--
function nodeChange(){
var src;
var subId;
src = window.event.srcElement;
if (src.className == "menu"){
subId = "sub" + src.id;
if (document.all(subId).style.display == "none"){
document.all(subId).style.display ="";
}else{
document.all(subId).style.display = "none";
}

}
}
//-->
</script>

<body leftmargin = "150" onClick="nodeChange();">
<div align="center" >
<table >
<tr>
<td width = "320" >
<table align = "right" width="126" border="1" cellpadding="0" cellspacing="0" bordercolor="#999999" >
<tr>
<td colspan="2" bgcolor="#CCCCCC" align="center" height = "21"> <font size="-1" > part1 </font> </td>
</tr>
<tr >
<td width="75" height = "20" align="center" > <font size="-1" > part2 </font></td>
<td width="45" height = "20" align="center"> <font size="-1" > part3 </font></td>
</tr>

<tr ><td colspan = "2"" >

<%
for(int i=0;i<model.getRowCount();i++){
for(int j=0;j<model.getColumnCount();j++){
String mainNode=model.getValueAt(i,j).toString();
%>
<span ID = "Node1" class = "menu" > +<%=model.getValueAt(i,j)%></span><br>
<%
String subSql = "select JJXLTYPE from JJXLJJ where JJXLPARTNAME = "+mainNode;
myDataModel subModel = fin_TestBean.runTest(subSql.toString());
%>
<div id= subNode1 style = "display:none">
<div class = "indent">
<a href = "http://some.com" >fasfas</a><br>
</div></div>
<%

}

}
%>
</td></tr>
</table>

</td>
</tr>
</table>


<body>
</html>
wandering_guy 2003-07-19
  • 打赏
  • 举报
 回复
<html>
<head >
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" type="text/css" href="../script/font.css">
</head>

<script language = "javascript" type = "text/javascript">
<!--
function nodeChange(){
var src;
var subId;
src = window.event.srcElement;
if (src.className == "menu"){
subId = "sub" + src.id;
if (document.all(subId).style.display == "none"){
document.all(subId).style.display ="";
}else{
document.all(subId).style.display = "none";
}

}
}
//-->

</script>

<body onClick="nodeChange();">
<span id = "node1" class = "menu">+mainmenu</span>
<div id= subnode1 style = "display:none">
<div class="indent">
<a href="http://some.com" >submenu</a><br>

</div>
</div>

</body>
</html>

这个是正确的可以正常执行的
inanition 2003-07-19
  • 打赏
  • 举报
 回复
嗯，要看看代码才知道。
jsidiot 2003-07-19
  • 打赏
  • 举报
 回复
代码贴出来看看呢
JSX中 绑定事件
onClick onChange onSubmit第一种：onClick = {this.yourEvent} 需要在构造函数中绑定this 第二种：onClick = {this.yourEvent.bind(this)} 第三种：onClick = {() => this.yourEvent()} 第四种：属性初始化 优缺点： 第一种推荐，一般都是用这种方式 第二种每次render，都会重新生产一个函数 第三种每次render,都会执行一遍方法 第四种 还是实验性的......
js给td添加html,JS初学者，用JS画的一个table 给td添加 一个onclick()事件怎么传值
JS菜鸟求助，用JS画的一个table 给td添加 一个onclick()事件如何传值？functionf1(PARENT_ID){$.ajax({type:"POST",url:"goods/test.do",//请求的后台地址data:"PARENT_ID="+PARENT_ID,//前台传给后台的参数success:function(jsonStr){//jsonStr:返回值/...
html 事件 菜鸟教程,HTML DOM 事件
HTML DOM - 事件HTML DOM 允许 JavaScript 对 HTML 事件作出反应。实例Mouse Over MeClick Me对事件作出反应当事件发生时，可以执行 JavaScript，比如当用户点击一个 HTML 元素时。如需在用户点击某个元素时执行代码，请把 JavaScript 代码添加到 HTML 事件属性中：onclick=JavaScriptHTML 事件的例子：当...
button的OnClick与OnClientClick事件
OnClick与OnClientClick对于菜鸟的我来说真的花了一点时间去搞清楚。OnClientClick是在客户端方面运行的。而OnClick是会postback在服务器端运行的（这挺废话的）。但这里存在著执行时间和條件。時序性：网页上点击一个button第一个先触发的是客户端的OnClientClick，然後才會執行OnClick。條件性：要在 OnClientClick返回true的
多个button的onclick()怎么处理
有没有别的办法？我是菜鸟，虚心请教大牛们：谢谢<input type= "Button" name ="add" value="添加" onClick ="check()"/><input type= "Button" name ="delete" value="删除" onClick ="check()"/><input type= "Button" name...
JavaScript

87,987

社区成员

224,683

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章