社区
JavaScript
帖子详情
菜鸟初问:关于onclick()事件
wandering_guy
2003-07-19 05:16:35
我参照书上的例子,左一个简单的树型结构
原来的onclick事件是这样的:
<body onclick = "nodeChange();">
然后紧接着就是定义的节点项
这样是可以正常实现的
但是我在<body onclick = "nodeChange();">
后面嵌套了两个table,然后再点击table内的节点,就怎么也触发不了这个事件了,
是怎么回事?该怎样解决呢
...全文
106
7
打赏
收藏
菜鸟初问:关于onclick()事件
我参照书上的例子,左一个简单的树型结构 原来的onclick事件是这样的: 然后紧接着就是定义的节点项 这样是可以正常实现的 但是我在 后面嵌套了两个table,然后再点击table内的节点,就怎么也触发不了这个事件了, 是怎么回事?该怎样解决呢
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用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中 绑定
事件
本文揭示了JSX中
onClick
和
onclick
的区别,强调了
onClick
正确写法(不加括号)和使用箭头函数绑定setState的重要性。同时指出了
菜鸟
教程中关于
onclick
的误解,并详细讲解了绑定this和
事件
处理方式的优劣及实例。
js给td添加html,JS初学者,用JS画的一个table 给td添加 一个
onclick
()
事件
怎么传值
本文探讨了JS初学者在使用
onclick
事件
给表格单元格(td)添加
事件
时遇到的问题,即如何正确传递值到test2()函数。示例代码展示了如何创建table并尝试在td上绑定
事件
,同时提出了在字符串拼接中处理引号转义的解决思路。
html
事件
菜鸟
教程,HTML DOM
事件
本文详细介绍了HTMLDOM中的
事件
处理,包括
onclick
、onchange、onmouseover等常见
事件
,以及如何使用JavaScript分配和处理这些
事件
。通过实例展示了如何在用户交互时执行代码,例如点击元素、更改输入字段、鼠标悬停等,强调了HTMLDOM在网页动态行为中的作用。
button的
OnClick
与OnClientClick
事件
本文解析了OnClientClick与
OnClick
的区别及应用技巧,强调了它们的执行顺序和条件依赖关系,并通过一个LinkButton示例展示了如何利用OnClientClick进行前端验证来控制是否触发服务器端的
OnClick
事件
。
多个button的
onclick
()怎么处理
本文介绍如何在JavaScript中通过按钮的
onClick
事件
获取按钮的name和value属性,并通过对象参数传递实现更灵活的
事件
处理。
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章