js中onclick定义问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中onclick定义问题相关的知识,希望对你有一定的参考价值。

传统的写法是直接在标签中 比如div a li ul等中直接写onclick='函数();' 这么写,但是我见过那种不在这个位置写的,但是我不知道是在什么地方实现这个事件的定义,在js代码中能实现对这个事件的定义吗?
传统写法如:<div class="a1" id="b1" onmousemove="show(1);">选项卡一</div>
这是一个事件吧,onmousemove(); 如果我的选项卡很多,那么在html代码中每个都去写这个事件感觉 一来是难看,而来貌似也不怎么方便,
问题的重点是 :<div class="a1" id="b1" >选项卡一</div> 只写这一串html 其他的都在js中去实现这个div的onmousemove怎么实现呢?

参考技术A document.onload()的时候
将你要赋值的函数赋到相应的dom上去。

举个例子
fuction myclick

函数块



getelementbyid("a1").onclick = myclick;
参考技术B div的是吧
var d = document.getElementsByTagName('div');
for(var i in d)
d[i].onmousemove = function()
    // TODO
;

追问

能行吗? 而且主要的代码部分还跟这个i有关呀,我循环之后只能执行最后面一个i的方法

js 代码没问题onclick后错误为方法未被定义

<html>
<head>
<title>qwer</title>
<script type="text/javascripe">
function sum123(a,b)
var a=100;
var b=20;
return a + b;

</script>
</head>
<body>
<input type="button" value="fhj" onclick="alert(sum123()); "/>
</body>
</html>

参考技术A text/javascript,你写成text/javascripe了,导致<script>未被识别为脚本,自然sum123方法也就未定义了。 参考技术B 你把script中type="text/javascript"去了试试

以上是关于js中onclick定义问题的主要内容,如果未能解决你的问题,请参考以下文章

MVC JS deletethisproduct 未在 HTMLAnchorElement.onclick 中定义(VM457 索引:40)

js如何追加onclick方法

js onclick参数未定义

JS onclick 中如何传两个参数给 JS方法

js中onclick传值问题

js 函数定义的两种方式以及事件绑定(扫盲)