onclick 事件与对象
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了onclick 事件与对象相关的知识，希望对你有一定的参考价值。
<script language>
mybtn.onclick=function()alert();
</script>
html中有一个ID为mybtn的按钮,点击后没有执行以上的代码,而用
document.onclick=functioin()alert();
时可以..请问是怎么回事.
谢谢一楼的,我知道这样可以,但是就是不想用这个方法
按照楼主所说，想引用一个对象并注册事件，我们假设这里是一个div
那么HTML代码先这么写：
<html>
<head>
</head>
<body>
<div id='myDiv' style="width:100px;height:100px;border:1px solid black"></div>
</body>
</html>
然后在<head></head>
之间加上
<script>
function doAlert()
alert('doing Alert..');
</script>
这是一个函数，下面是将其注册为单击事件：
document.getElementById('myDiv').onclick = doAlert;//这里是注册事件到DOM中的某一具体ID的对象引用，
这里我们还要进行一步初始化，
window.onload = function()document.getElementById('myDiv').onclick = doAlert;
将所有JavaScript代码放入<head />标签或者js文件中即可实现完整的代码分离。
至此，完全实现。
希望可以对你有所帮助。 参考技术A <script language="javascript">
document.onclick=function()
if(window.event.srcElement.name=="yes")
alert("你点了一个NAME为YES的按钮");
</script>
<input type="button" id="yes" name="yes" value="OK">
注意: 格式应为"事件=function"
而楼主的mybtn.onclick这是一个错误的格式,mybtn后面只能接属性,比如value,而onclick则是一个事件,所以是错误的,正确的写法是用document.onclick这样一个事件来启动一个函数,再在该函数里面检查事件来源的ID或者NAME是否符合要求,如果不符合,则return false 参考技术B 二楼的回答有些问题，楼主的mybtn.onclick = function()...;，在语法上是完全正确的，之所以出现单击无反应，是因为，这句js在运行的时候，整个页面的dom树还没有完全建立起来，浏览器有可能无法找到mybtn，所以，单击无反应，楼主可以在整个页面加载完毕后设置单击事件：
window.onload = functionj()
mybtn.onclick=function()alert();
参考技术C 这样就可以了：
<div id=mybtn onclick="alert();"> </div>
JavaScript事件
-
鼠标单击事件( onclick ）
onclick是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用。
-
鼠标经过事件（onmouseover）
鼠标经过事件，当鼠标移到一个对象上时，该对象就触发onmouseover事件，并执行onmouseover事件调用的程序。
-
鼠标移开事件（onmouseout）
鼠标移开事件，当鼠标移开当前对象时，执行onmouseout调用的程序。
-
光标聚焦事件（onfocus）
当网页中的对象获得聚点时，执行onfocus调用的程序就会被执行。
-
失焦事件（onblur）
onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。
-
内容选中事件（onselect）
选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。
-
文本框内容改变事件（onchange）
通过改变文本框的内容来触发onchange事件，同时执行被调用的程序。
-
加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意：
1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
-
卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
如下代码,当退出页面时，弹出对话框“您确定离开该网页吗？”。
以上是关于onclick 事件与对象的主要内容，如果未能解决你的问题，请参考以下文章
onclick事件,无法获取js事件源对象，财富不多，希望高手帮忙看看，给些建议，谢谢~
一个onclick事件触发一个函数,如何将该元素的对象作为函数的参数传过去
JavaScript基础 a标记 使用onclick事件阻止默认跳转 onclick事件 与 跳转 ,onclick事件优先执行。