获取元素添加监听
程序员文章站
2022-06-14 13:30:45
...
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>
上一篇： Linux搭建kafka集群
下一篇： FirePHP使用详解