001.input添加监听事件

<script>
var Event = {
// 通过on接口监听事件eventName
// 如果事件eventName被触发,则执行callback回调函数
on: function (eventName, callback) {
//你的代码
if (!this.handles) {
//this.handles={};
Object.defineProperty(this, "handles", {
value: {},
enumerable: false,
configurable: true,
writable: true
})
}

if (!this.handles[eventName]) {
this.handles[eventName] = [];
}
this.handles[eventName].push(callback);
},
// 触发事件 eventName
emit: function (eventName) {
//你的代码
if (this.handles[arguments[0]]) {
for (var i = 0; i < this.handles[arguments[0]].length; i++) {
this.handles[arguments[0]][i](arguments[1]);
}
}
}
};

document.getElementById(‘test‘).onchange = changeEvent;

function changeEvent() {
alert(0);
}

Event.on(‘change‘, changeEvent);

document.getElementById(‘btn‘).onclick = function () {
document.getElementById(‘test‘).value = ‘222‘;
setTimeout(function () {
Event.emit(‘change‘)
})

};
</script>

原文地址:https://www.cnblogs.com/redlittleface/p/10489766.html

时间: 2024-08-09 05:09:46

001.input添加监听事件的相关文章

Android 给按钮添加监听事件

在安卓开发中,如果要给一个按钮添加监听事件的话,有以下三种实现方式 1.方式一 public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //获取button按钮 Butt

miniui 给表格行添加监听事件的几种方法以及点击某列列名数据不能排序的问题

最近在使用miniui框架做开发,在做表格行的点击监听事件中发现了几个属性,都可以起到监听效果但是执行的结果却大有不同.好了废话不多说,直接上代码. <div id="pageGrid" class="mini-datagrid" style="width: 100%; height: 100%; border:0;" url="${ctx}/tAXINFO/queryRepeat" autoload="tru

ext Window点击右上角关闭(X按钮)添加监听事件

使用场景:关闭window的时候增加监听事件. 正确的使用方式: addwin = new Ext.Window({ title : '新增', closable : true, width : 500, autoHeight: true, border : false, plain : true, modal : true, layout : 'fit', bodyStyle : 'padding:5px;', maximizable : false,// 禁止最大化 closeAction

获取元素样式对象 页面滚出 页面可是大小 添加监听事件 获取事件参数浏览器中位置 的兼容

/** * 获取浏览滚动出去的距离 * @returns {{scrollY: (Number|number), scrollX: (Number|number)}} */function scroll(){ return{ scrollY:window.scrollY||document.body.scrollTop||document.documentElement.scrollTop||0, scrollX:window.scrollX||document.body.scrollLeft|

JAVAscript学习笔记 js句柄监听事件 第四节 (原创) 参考js使用表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>句柄添加监听事件</title> <script type="text/javascript" src="tzy.js"></script> </head> <body>

侧滑菜单的使用和监听事件的设置

这段代码实现的功能是通过侧滑菜单来进行事件的改变,好累,今天这段代码真的伤人,本来思路是正确的,结果log打不出来,然后就默默的调试了很久,最后才可以的,言归正传,这里我们需要先下载侧滑菜单的三方框架,http://github.com/jfeinstein10/slidingmenu,这个是下载框架的地址,下载完成后,我们需要进行我们的项目和这个项目的链接, 我们导入这个项目的lib,然后在我们的项目下的perperity下添加库的关联,如果我们的suppeot.v4的包和他的包的版本不同的话

ionicModal中的监听事件

//添加监听事件angular.module('MyApp').directive('gotTapped', ['$ionicGesture', function($ionicGesture) { return { restrict: 'A', link: function($scope, $element, $attr) { $ionicGesture.on('tap', function(e) { console.log('I got Tapped!') }, $element); } }

JPanel添加键盘监听事件

因为在自己的游戏需求中谢了要用键盘控制飞机的移动,所以用到键盘监听事件,但是使用了JPanel之后添加了键盘监听事件,按相应的方向键飞机并没有反应.但是如果是为JFrame的内容面板加则会有反应. 为了使得能在JPanel里头使用键盘事件解决方法如下: 1.在JPanel里头添加键盘监听 this.addKeyListener(new KeyAdapter(){ public void keyPressed(KeyEvent e) { switch(e.getKeyCode()){ case K

input标签的监听事件

监听事件的触发是完成交互的一个重要组成部分,现将input标签的监听事件整理如下. onfocus         当input 获取到焦点时触发. onblur            当input失去以获取到焦点时触发. 1.1  onchange      当input失去焦点并且它的value值发生变化时触发. 1.2  onpropertychange    只要当前对象属性发生改变,都会触发事件,IE专属(6.7.8). onkeydown   在 input中有键按住的时候触发事件.