ExtJS事件监听示例-优快云博客

function show() {
	Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题，参数二表示提示内容
}
Ext.onReady(function() {

			Ext.get("btn").addListener('click', show);//获取id为btn的元素，并添加事件监听，参数一表示事件触发的名称，参数二表示触发事件执行函数
		})

也可以修改为如下代码，与上面效果一样：

//function show() {
//	Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题，参数二表示提示内容
//}
Ext.onReady(function() {

			Ext.get("btn").addListener('click', function(){
			
				Ext.Msg.alert("提示", "按钮被点击了!");//提示信息,参数一表示提示框标题，参数二表示提示内容
			});//获取id为btn的元素，并添加事件监听，参数一表示事件触发的名称，参数二表示触发事件执行函数
		})

function show() {
	Ext.Msg.alert("提示", "按钮被点击了!");// 提示信息,参数一表示提示框标题，参数二表示提示内容
}
Ext.onReady(function() {

			// Ext.get("btn").addListener('click',
			// show);//获取id为btn的元素，并添加事件监听，参数一表示事件触发的名称，参数二表示触发事件执行函数

			// 当然，也有另外一种方式,on是addListener的简写方式。如：官方文档描述
			// on( String eventName, Function handler, Object scope, Object options )
			// 为该元素添加事件处理函数（addListener的简写方式）
			// eventName : String
			// 事件名称The type of event to listen for
			// handler : Function
			// 处理函数The method the event invokes
			// scope : Object
			// （可选的） 执行处理函数的作用域。“this”对象指针(optional)
			// options : Object
			// （可选的）(optional)

			Ext.get("btn").on('click', show,this,{delay:2000});//延迟2秒提示
		})

<%@ page language="java" contentType="text/html; charset=gb2312"
	pageEncoding="gb2312"%>
<%
	request.setAttribute("base", request.getContextPath());
%>

<html>
	<head>
		
		<title>测试事件添加监听</title>
		<link rel="stylesheet" type="text/css"
			href="${base}/script/ext/resources/css/ext-all.css">
		<script type="text/javascript"
			src="${base}/script/ext/adapter/ext/ext-base.js"></script>
		<script type="text/javascript" src="${base}/script/ext/ext-all.js"></script>
		<script type="text/javascript" src="${base}/script/sample/second.js"></script>
		
	</head>
	<body>
		
		<input id="btn" type="button"  value="点击测试">
	</body>
</html>

获取元素添加监听