莱鸟介绍javascript onclick事件
onclick事件的定义和用法:
当点击对象的时候会触发此事件。
浏览器支持:
1.IE浏览器支持此事件。
2.火狐浏览器支持此事件。
3.Opera浏览器支持此事件。
4.谷歌浏览器支持此事件。
5.safria浏览器支持此事件。
实例代码:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.jb51.net/" /> <title>我们</title> <style type="text/css"> div{ width:100px; height:100px; background-color:red; } </style> <script type="text/javascript"> window.onload=function(){ var mydiv=document.getElementById("mydiv"); mydiv.onclick=function(){ mydiv.style.backgroundColor="green"; } } </script> </head> <body> <div id="mydiv"></div> </body> </html>
通过以上内容给大家简单介绍了javascript onclick事件,希望对大家有所帮助。
相关推荐
-
javascript 动态改变onclick事件触发函数代码
javascript 动态改变onclick事件触发函数代码 function oc() { alert("原本的方法"); } function od() { alert("我改变方法了."); } function of() { document.getElementById('name').onclick = function(){ od(); }; } 原来的方法 通过点击,改变原来的方法的执行 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
因为在JavaScript中,mousedown.mouseup.click执行顺序是从左到右的,更重要的是一旦mousedown事件激活,正常情况(不在mousedown事件中绑定的方法使用alert类似方法,因为弹出对象框就阻止了事件传递,即后续调用事件丢失)下后面两个事件也肯定会被激活.平时我们在一个标签上只绑定一个click事件,其实触发click事件也都调用了mousedown.mouseup等事件,只是它们调用周期极短,而且我们又没有编写相关函数与这两个事件绑定,所以不会觉察到.现在
-
js触发asp.net的Button的Onclick事件应用
在asp.net引入事件驱动之后,在一个页面上很容易解决多个按钮触发不同事件的问题,避免了在asp中需要多个form或者通过js脚本来控制的麻烦. asp.net带来便利的同时,也带来一个问题.在实际应用中一个页面存在多个按钮的情况并不多.用户习惯于在输入框输入内容之后,直接按回车就提交表单了.由于asp.net采用的是事件驱动模式,所以默认用户按回车并没有触发按钮的onclick事件.用户按回车也不是没有提交表单,通过httpwath可以看到,实际上页面表单是提交到了form下的action页
-
js给onclick事件赋值,动态传参数实例解说
我们先看看错误的例子 Html代码 复制代码 代码如下: <body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" onclick=""> </body> Javascript代码
-
JavaScript给按钮绑定点击事件(onclick)的方法
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script
-
IE8的JavaScript点击事件(onclick)不兼容的解决方法
博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的. 开始代码是这么写的: 复制代码 代码如下: var a = document.createElement("a");a.setAttribute("onclick", this.ClickFunctionName + "(" + pageIndex + ");Pager.SetCurrent("
-
js动态添加onclick事件可传参数与不传参数
1)当方法没有参数时,赋值可以直接用onclick = 方法名 window.onload = function() { $('btnTest').onclick = test; } function test() { alert(val); } 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,需要在方法名前面加function() window.onload = function() { $('btnTest').onclick= function() { test(1)
-
javascript使用onclick事件改变选中行的颜色
html页面的table 中一行一行的显示当然 div也行 可设置在鼠标放上去时改变其颜色 部分代码如下 复制代码 代码如下: <script type="text/javascript">var currentActiveRow; //当前活动行 //改变选中行的颜色function changeActiveRow(obj) { if (currentActiveRow) { currentActiveRow.style.backgroundColor
-
js给onclick赋值传参数的两种方法
1)当方法没有参数时,赋值可以直接用onclick = 方法名 复制代码 代码如下: window.onload = function() { $('btnTest').onclick = test; } function test() { alert(val); } 2)当方法有参数时,用onclick = 方法名(参数)时就有错了,需要在方法名前面加function() 复制代码 代码如下: window.onload = function() {
-
javascript中onclick(this)用法介绍
this指触发事件的对象 复制代码 代码如下: <input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test(this);"/> 复制代码 代码如下: function test(obj){ alert(obj); //[object HTMLInputElement] alert(obj.id);
随机推荐
- PHP基于PDO调用sqlserver存储过程通用方法【基于Yii框架】
- Java 泛型总结(三):通配符的使用
- JAVA ArrayList详细介绍(示例)
- PHP 匿名函数与注意事项详细介绍
- PHP 配置文件中open_basedir选项作用
- PHP学习之输出字符串(echo,print,printf,print_r和var_dump)
- python生成随机密码或随机字符串的方法
- Docker学习之常用的基础命令总结
- 微信开发之获取JSAPI TICKET
- XML创建可排序、分页的数据显示页面
- 快速入门的一些C\C++书籍
- JQuery 图片滚动轮播示例代码
- jQuery Validation Engine验证控件调用外部函数验证的方法
- 基于jQuery的动态增删改查表格信息,可左键/右键提示(原创自Zjmainstay)
- Javascript学习笔记4 Eval函数
- JS数字千分位格式化实现方法总结
- Bootstrap表单布局
- fullPage.js和CSS3实现全屏滚动效果
- XP时代从硬盘启动到DOS的方法
- Android实现图片的高斯模糊(两种方式)