js修改onclick动作的四种方法(推荐)

更新时间：2016年08月18日 11:29:23 投稿：jingxian

下面小编就为大家带来一篇js修改onclick动作的四种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

第一种：button.onclick = Function("alert('hello');");

第二种：button.onclick = function(){alert("hello"); };

第三种：button.onclick = myAlert;

              function myAlert(){
                     alert("hello");
              }

第四种：

这种情况更加动态，更为实用，而且还能添加多个函数(添加的事件的顺序即执行顺序)，呵呵

if(window.addEventListener){ // Mozilla, Netscape, Firefox
    //element.addEventListener(type,listener,useCapture); 
    button.addEventListener('click', alert('11'), false);
    button.addEventListener('click', alert('12'), false);//执行顺序11 -> 12
  } else { // IE
    button.attachEvent('onclick', function(){alert('21');});
    button.attachEvent('onclick', function(){alert('22');});执行顺序22 -> 21
  }

实例讲解：

button.onclick = Function ("alert('31');");
  button.onclick = Function ("alert('32');");
  button.onclick = Function ("alert('33');"); //如果这样写,那么将会只有最后一个方法被执行

  button.attachEvent("onclick", function(){alert('41');});
  button.attachEvent("onclick", function(){alert('42');});
  button.attachEvent("onclick", function(){alert('43');}); //如果这样写,三个方法都会被执行

  // 当然，你也可以这样写
  button.onclick = Function("alert('51');");
  button.attachEvent("onclick", function(){alert('52');});

   //对应移除事件
  detachEvent('onclick' ,func);//ie下使用删除事件func
  removeEventListener('click' ,func);//Mozilla下，删除事件func

以上这篇js修改onclick动作的四种方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

js
onclick

js判断上传文件的类型和大小示例代码
上传文件的类型和大小可以js进行判断，在本文有个不错的示例，适合初学者，感兴趣的朋友可以参考下
2013-10-10
js游戏人物上下左右跑步效果代码分享
这篇文章主要介绍了js游戏人物上下左右跑步效果，推荐给大家，有需要的小伙伴可以参考下。
2015-08-08
JavaScript:new 一个函数和直接调用函数的区别分析
或许许多人对此不以为然，在函数前加 new 关键字，不就是实例化一个对象吗？但事情显然没那么简单
2013-07-07
JS设置cookie、读取cookie、删除cookie
Js操作Cookie总结（设置，读取，删除），工作中经常会用到的哦！下面是详细代码，如有错误，请留言指正！
2015-04-04
使用原生JS添加进场和退场动画详解
总所周知啊，身为一个合格的前端搬砖工，会编写并且添加一些基础的动画效果可谓是比较基础且轻车熟路的技能了。本文将教大家如何使用原生JS添加进场和退场动画，感兴趣的可以了解一下
2022-10-10
SVG描边动画
本文主要介绍了SVG描边动画的相关实例，具有很好的参考价值，下面跟着小编一起来看下吧
2017-02-02
js通过指定下标或指定元素进行删除数组的实例
下面小编就为大家带来一篇js通过指定下标或指定元素进行删除数组的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-01-01
JavaScript用构造函数如何获取变量的类型名
在JavaScript中,如何准确获取变量的类型名是一个经常使用的问题。但是常常不能获取到变量的精确名称,或者必须使用jQuery 中的方法,这里通过 typeof ,jQuery.type 和通过构造函数来获取变量类型这三种方法详细介绍一遍。有需要的朋友们可以参考借鉴，下面来一起看看吧。
2016-12-12
JavaScript实现获取设备网络连接信息
作为前端开发，做好用户体验是很重要的，日常开发中我们经常可以遇到用户网速慢导致静态资源加载慢，从而给影响用户体验，所以本文来和大家分享一个有趣的API，可以实现获取网络信息
2023-05-05
JS简单实现滑动加载数据的方法示例
这篇文章主要介绍了JS简单实现滑动加载数据的方法,涉及javascript事件响应及页面元素属性动态操作相关技巧,需要的朋友可以参考下
2017-10-10