读书人

获取元素增添监听

发布时间: 2012-11-07 09:56:10 作者: rapoo

获取元素添加监听

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>

?

读书人网 >Web前端

热点推荐