欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【有关DOM元素与事件的3个谜题】,下面是详细的讲解!
有关DOM元素与事件的3个谜题
<html>
... ...
<script type="text/javascript" src="http://www.jb51.net/article/js/jquery-lastest.js"></script>
<script type="text/javascript">
var addEventhandler=function(ele, evt, fn){
if (ele.addEventListener) {
ele.addEventListener(evt, fn, false);
}
else
if (ele.attchEvent) {
ele.attchEvent('on' + evt, fn);
}
else {
ele['on' + evt]=fn;
}
};
function func_test(){
not_existfunc();
}
$(document).ready(function(){
// code 02
var jsbutton03=document.getElementById('jsbutton_original_id03');
jsbutton03.onclick=func_test;
// code 03
var jsbutton02=document.getElementById('jsbutton_original_id02');
addEventhandler(jsbutton02, 'click', func_test);
// code 04
$('#jqbutton_standard_id01').click(func_test);
});
window.onerror=function(){
return true;
};
</script>
... ...
<body>
<input id="jsbutton_original_id01" type="button" onclick="func_test();" /> <!-- code 01 -->
<input id="jsbutton_original_id02" type="button" />
<input id="jsbutton_original_id03" type="button" />
<input id="jqbutton_standard_id01" type="button" />
</body>
... ...
<script type="text/javascript">
// code 05
$(document).ready(function(){
// hijack code 01
var original_sorce_01=$('#jsbutton_original_id01').attr('onclick'); // typeof original_source_01 is function
$('#jsbutton_original_id01').removeattr('onclick').click(function(event){
try{
original_sorce_01();
} catch (ex) {
// code... ...
}
});
// hijack code 02
var jsbutton02=document.getElementById('jsbutton_original_id02');
var original_source_02=jsbutton02.onclick;
jsbutton02.onclick=function(){
try{
original_source_02();
} catch (ex) {
// code... ...
}
};
});
</script>
</html>
关于有关DOM元素与事件的3个谜题的用户互动如下:
相关问题:使用jquery对dom元素进行事件绑定,有几种方法?有...
答:Jquery中绑定事件有三种方法:以click事件为例 (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 使用click、change、mouseout等 >>详细
相关问题:如何添加html元素的事件,有多少种方法
答:添加html元素的事件有三种方法。 1.通过HTML元素属性。简单说来就是在html结构中,给你要添加事件的元素添加一个属性。 属性名为 'on' + 事件名。 如:你要给a元素绑定一个click事件,你就该这么写: name 2.通过对象属性。 对象指的是jDOM树里的... >>详细
相关问题:有个html 元素, 设置了onclick 事件,怎么在oncli...
答:onclick="dianji(this.id)" 传入id到方法里 function dianji(id){ //这个就是id } >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【has】基于jquery的has()方法以及与find()方法以
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
