addevent,addeventlistener参数
js addEvent()的用途和用法
这是加事件的。
你看看这个例子,即会了。
?
!DOCTYPE?html?
html?
head?
titleTest/title?
style?type="text/css"?
.test?{?
background-color:?#FFF;?
border:?1px?solid?gray;?
height:?100px;?
width:?100px;?
margin:?0?10px?0;?
float:?left;?
}?
/style?
/head?
body?
div?id="test1"?class="test"?onclick="console.log('test1?:?click!');"?onmouseover="console.log('test1?:?mouseover!');"TEST1/div?
div?id="test2"?class="test"TEST2/div?
div?id="test3"?class="test"TEST3/div?
script?type="text/javascript"?
(function(){?
var?$?=?function(o){//Simple?Tool?
return?document.getElementById(o);?
}?
//For?Test2:?
$('test2').onclick?=?function(){console.log('test2?:?click!');}?
$('test2').onmouseover?=?function(){console.log('test2?:?mouseover!');}?
//For?Test3:?
$('test3').addEventListener('click',?function(){?
console.log('test3?:?click!');?
},?false);?
$('test3').addEventListener('mouseover',?function(){?
console.log('test3?:?mouseover!');?
},?false);?
})();?
/script?
/body?
/html
JavaScript addEvent函数
element["on" + type] = handleEvent
中element["on" + type], element是传进来的标签对象 type就是传入的事件名如 click等
举个例子 type 为click,那合起来意思等同 element.onclik=handleEvent,其中handleEvent就是
事件触发调用的函数。
理解这种写法就要理解 对象的j定义
如 var obj={a:123}如果要取obj对象的123这个值,那有2种方法取
1 --用点号 obj.a
2 -- 用【】 obj【“a”】上面程序就是用的这种形式.
js中的addEvent函数
代码如下:
function?addEvent(el,?type,?fn){
if(el.attachEvent){
el['e’+type+fn] = fn;
el[type+fn] = function(){
el[‘e’+type+fn](window.event);
}
el.attachEvent(‘on’+type, el[type+fn]);
}
else
el.addEventListener(type, fn, false);
}
addEvent(window, 'load', init);
function init() {
varodiv = document.getElementByIdx_x("divtest");
addEvent(odiv, 'onmouseover', onmousefunc);
addEvent(odiv, 'onclick', onclickfunc);
addEvent(odiv, 'onmouseout', mouseoutfunc);
}
function onmousefunc(){ ... }
function onclickfunc(){ ... }
function mouseoutfunc(){ ... }
关于 addEvent 函数
上面的代码是给item添加一个监听事件,意思是 当item被点击时(click),执行函数 function(event){ this.clickItem(event, item); };
跪求各位js高手,为什么点击addEvent 点击页面没有反应??
panel,只是没显示,没添加到组件面板原来.add(result):add(result);修改事件是调用的。
最初被命名为Oak,目标设定在家用电器等小型系统的编程语言,来解决诸如电视机、电话、闹钟、烤面包机等家用电器的控制和通讯问题。由于这些智能化家电的市场需求没有预期的高,Sun放弃了该项计划。就在Oak几近失败之时,随着互联网的发展,Sun看到了Oak在计算机网络上的广阔应用前景,于是改造了Oak,以“Java”的名称正式发布。