ExtJs之DHTML,DOM,EXTJS的事件绑定区别

<!DOCTYPE html>

<html>

<head>

<title>ExtJs</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css">

<script type="text/javascript" src="ExtJs/ext-all.js"></script>

<script type="text/javascript" src="ExtJs/bootstrap.js"></script>

<script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script>

</head>

<body>

<script type="text/javascript">

function hello() {

alert('hello');

}

Ext.onReady(function(){

function hello3(){

alert('hello3');

return true;

}

function hello4(){

alert('hello4');

return false;

}

var button = Ext.get('btn3');

button.addListener('click', hello3);

button.addListener('click', hello4);

})

</script>

<body>

<div id='id01' >hello, this word.</div>

<input type="button" id="btn" value="DHTML CLICK" onclick="hello()">

<input type="button" id="btn12" value="DOM CLICK">

<input type="button" id="btn3" value="ExtJs CLICK">

<script language="JavaScript">

function hello1(){

alert('hello1');

}

function hello2(){

alert('hello2');

}

var button = document.getElementById('btn12');

console.log(button);

button.addEventListener('click', hello1, false);

button.addEventListener('click', hello2, false);

</script>

</body>

</html>

时间： 2024-09-16 19:14:15

ExtJs之DHTML,DOM,EXTJS的事件绑定区别的相关文章

jQuery学习笔记之DOM操作、事件绑定（2）

jQuery学习笔记之DOM操作.事件绑定(2) --------------------学习目录------------------------ 4.DOM操作 5.事件绑定源码地址: https://github.com/iyun/jQueryDemo.git --------------------学习目录------------------------ 4.DOM操作(节点增删改查) 节点查找:节点分为三种类型:元素节点.属性节点.文本节点创建节点创建元素节点使用 jQuery

javascript事件捕获机制【深入分析IE和DOM中的事件模型】_javascript技巧

本文实例分析了javascript事件捕获机制.分享给大家供大家参考,具体如下: 1.什么是事件冒泡? 在排序算法中,我们学过冒泡排序法,所谓冒泡就是让底层的东西浮出水面,对于事件冒泡也同样是如此, 下面我们来看一个例子来说明什么是事件冒泡. <div> <button>测试</button> </div> <script> $("div").bind("click",function(){alert(&q

extjs 中给组件添加click 事件是怎么关联到dom事件的？

问题描述 var element = Ext.get('domid');var component = Ext.getCmp('domid') 各添加一个click事件element.on('click',function(){});component.on('click',function(){}); extjs源码中显示这两种添加事件方式是不同的.给element上添加事件会最终把事件绑定到dom元素上(最终是调用addEventListener or attachEvent)但是comp

JQuery中DOM事件绑定用法详解

在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式为: bind( type [, data] , fn); bind()方法有3个参数,说明如下. 第1个参数是事件类型,类型包括:blur.focus.load.resize.scroll.unload.click.dblclick.mousedown.mouseup.mousemove.mouseover.mouseout.mouseenter.mou

JQuery中DOM事件绑定用法详解_jquery

本文实例讲述了JQuery中DOM事件绑定用法.分享给大家供大家参考.具体分析如下: 在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用格式为: bind( type [, data] , fn); bind()方法有3个参数,说明如下. 第1个参数是事件类型,类型包括:blur.focus.load.resize.scroll.unload.click.dblclick.mousedown.mouseup.m

代码-请问为什么extjs第一次按键盘的enter事件的时候可以触动方法，第二次的时候就会报错了呢？

问题描述请问为什么extjs第一次按键盘的enter事件的时候可以触动方法,第二次的时候就会报错了呢? 这是个extjs代码,第一次键盘enter的时候可以成功,第二次enter时就出现这个错了不知道是什么原因,求大神帮忙看看解答一下,谢谢了! 解决方案循环是存在的么?或许附上整段代码能让大家更好地给你提供帮助哦~

extjs 禁用浏览器的f1相应事件

问题描述 extjs 禁用浏览器的f1相应事件 extjs 禁用浏览器的f1相应事件 ,有人知道吗?因为我要做f1的快捷键,知道请告知,谢谢解决方案不需要ext,js就行,多学下js吧 <div id="dvHelp" style="display:none">help</div> <script> document.onkeydown = function (e) { e = e || window.event; if (e

ExtJs 的menu如何添加mouseover事件，从而实现不用点击下拉的内容就可以显示

问题描述 ExtJs 的menu如何添加mouseover事件,从而实现不用点击下拉的内容就可以显示.var menu = new Ext.menu.Menu( {id : "sdms-event-menu",items : [ {text : '記錄1', }, {text : '記錄2', } ]});var grid=new Ext.grid.GridPanel{tbr:[{text:'测试',menu:menu}]}这样子默认需要点击下拉的内容才能出来. 解决方案 var gr

js DOM事件操作实例[事件绑定,改名,事件移除]

//事件绑定 pt.bindEvent = function( a , b , c ) { var d = 'on' + b; if ( a.addEventListener ) {//ff opera a.addEventListener( b , c , false ); } else if ( a.attachEvent ) {//ie a.attachEvent( d , c ); } else { a[d] = c; } } //改名