javascript 动态改变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

时间: 2024-10-11 06:33:58

javascript 动态改变onclick事件的相关文章

javascript生成表格增删改查 JavaScript动态改变表格单元格内容 动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行

jsp页面表格布局Html代码 <body > <center> <input type="text" value="111" id="mytext"> <table border="1" width="60%" id="mytable"> <tr> <td id="td1">第一行第一列<

javascript动态改变iframe的src

页面中需要动态的改变iframe的地址,方法有: 1. window.frames["chartFrame"].document.location = "<%=basePath %>/rest/chart/${id}-" + newValue; 2. document.getElementById("chartFrame").src = "<%=basePath %>/rest/chart/${id}-"

javascript动态改变当前页面中元素的状态行为

function Datea() { var timed = document.getElementById('timed'); var t = setInterval(function TDate() { var d1 = new Date() var h = d1.getHours(); var m = d1.getMinutes() var s = d1.getSeconds() //要判断如果h,m,s小于10的情况 h1 = h < 10 ? '0' + h : h m1 = m <

JQuery 动态添加onclick事件

$('#div_id').click(function(){ show(1,2,this); });

用javascript动态改变网页文字大小

<script>function setFontSize(size){document.getElementById('bottom').style.fontsize=size+'pt';}</script> 以上代码执行不了,找了半天才发现原来是fontSize出了问题,太马虎了....= =,一定要注意呀,不要写成fontsize,记住这个教训,一定要注意大小写问题!!! 应改为 <script>function setFontSize(size){document

JavaScriptd给onclick事件赋值,动态传参数实例辩错

错误的例子: <body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" onclick=""> </body> <script> function show(value

JavaScript搜索框响应事件

HTML页面,注意:不要使用form标签 <input type = "text" name="keyword" id="keyword" onkeydown="entersearch()"/> <input type = "text" name="keyword" id="keyword" onkeydown="entersearch1(

JavaScript配合button.onclick()使用总结

Html加载顺序是从上往下加载,如果script中含有引用js脚本,则应该将此script放在head标签里面,这样可是保证此页面都可以引用js脚本内容.如果想在script中设置button.onclick()事件,则此script应放在button声明之后. 例子:index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentTyp

html5与js关于input[type=&#39;text&#39;]文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的value点击全选状态onclick=&quot;select();&quot;。做购物车页面时会要用到。

关于input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange和文本框的点击全选状态onclick="select();".做购物车页面时会要用到. input[type='text']文本框value改变触发事件一些属性的区别oninput,onpropertychange,onchange: 1.onchange事件与onpropertychange事件的区别:onchange事件在内容改变(两次