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>
分享到：
相关推荐
本教程将详细介绍如何在ListView中添加按钮并实现监听事件。 首先，我们需要创建一个自定义的ListView布局文件。在`res/layout`目录下创建一个新的XML布局文件，例如`list_item.xml`。在这个文件中，我们可以定义一...
6. 动态添加元素到页面中：在需要的时候，使用jQuery的`.append()`方法将创建好的select元素添加到页面的指定容器中。这个操作会把新的HTML字符串插入到页面的DOM中，从而使得select元素变得可用。 7. 绑定事件到...
当动态添加元素到DOM中时，这些元素会继承父元素上的事件监听器。 例如，假设有一个段落标签，我们希望通过点击任何新增的元素来触发一些行为。原始代码可能如下： ```javascript $(document).ready(function(){ ...
在模板中直接为元素添加事件监听器是一种直接的方法。例如，使用`art-template`模板引擎，可以在按钮元素上添加`onclick`事件： ```html {{ each rows value key }} <td><button type="button" onclick=...
在本教程中，我们将探讨如何在RecyclerView中实现瀑布流布局，并添加监听事件，以便对用户的交互行为做出响应。 首先，我们要理解瀑布流（Waterfall Layout）的概念。瀑布流布局是一种常用于电商、图片展示等场景的...
在这个钩子内，我们添加了window的scroll事件监听器，并定义了一个handleScrollx方法来处理滚动事件。 handleScrollx方法中，通过console.log打印了两个重要信息：滚动条的垂直偏移量（window.pageYOffset）以及...
这个名为"js监听滚动条改变导航元素位置和样式.rar"的压缩包文件提供了一个实例，教你如何利用原生JavaScript来实现这一功能，特别适合初学者学习。以下是关于这个主题的详细讲解。 首先，我们需要理解滚动条事件。...
同时，还可以为元素添加事件监听器，比如`element.addEventListener('keyup', function() {...})`，以便在用户输入时执行特定操作。 3. 插入到DOM：最后，使用`appendChild()`或`insertBefore()`方法将新元素添加到...
在Vue应用中，有时我们需要监听窗口的滚动事件，以便根据用户的滚动行为执行特定的操作，比如加载更多数据或改变页面元素的状态。下面将详细介绍如何在Vue中实现窗口滚动条的实时监听。 1. **监听滚动事件** 在Vue...
例如，可以给页面上的某个元素添加ID，然后计算这个元素相对于窗口顶部的距离，与当前滚动位置进行比较。 ```javascript var targetElement = document.getElementById('targetElement'); var targetTop = target...
1. `addEventListener`：这是JavaScript中添加事件监听器的标准方法，可以为同一个元素添加多个同类型的事件监听器，不会覆盖原有的监听器。 ```javascript element.addEventListener('click', function() { // 当...
同时，使用jQuery绑定了oninputpropertychange事件，显示了在输入过程中实时获取输入框长度，并根据输入值是否存在来改变其他元素的样式。 在介绍完各种监听方法后，文章还提供了一些兼容IE浏览器的JavaScript函数...
常见的方法包括使用定时器定期检查元素尺寸变化、利用滚动事件监测、或是通过添加子iframe元素来间接监听其父元素的尺寸变化。 本文中提到的一种方法是通过在目标元素内动态创建一个iframe元素，使得iframe的尺寸...
这可以通过添加一个tap gesture recognizer到视图背景，或实现`textFieldShouldReturn(_ textField:)`代理方法来实现。 9. **内存管理**： - 记得在不再需要键盘通知时，使用`removeObserver(self, forKeyPath: ...
在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的，当动态添加 ‘.add_project’ 时候，新添加的元素却触发不了click事件，类似下面的写法： $(".add_project").on('click', function(){ alert(...
6. **API文档**：了解 jmpopups 的API是学习如何使用它的关键，这可能包括初始化函数、创建弹窗的方法，以及获取元素值的特定方法。 7. **错误处理**：在实际应用中，处理用户未填写或无效输入的情况也很重要，这...
- `getElementById`: 通过ID获取元素。 - `getElementsByClassName`: 通过类名获取元素集合。 - `getElementsByTagName`: 通过标签名获取元素集合。 - `querySelector`: 获取匹配CSS选择器的第一个元素。 - `...
为了响应用户在Preference上的操作，我们需要在Activity或Fragment中添加监听器。这通常通过继承PreferenceFragmentCompat（对于API 11+）或PreferenceFragment（对于API 14+）来实现，然后重写...
我们可以通过调用`JList`的`addListSelectionListener`方法来添加监听器。当列表的选择发生变化时，`valueChanged`方法会被调用，我们可以在这个方法中获取当前选中的元素。 ```java JList<String> list = new ...