Ext-实用工具处理点击事件 Ext.util.ClickRepeater

最新推荐文章于 2022-12-06 18:04:01 发布

itlwc

最新推荐文章于 2022-12-06 18:04:01 发布

阅读量1.8k

点赞数

分类专栏： Extjs 文章标签：工具

本文链接：https://blog.csdn.net/itlwc/article/details/7887488

版权

Extjs 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

监听页面任意一个元素的点击事件,用户一直按住鼠标时,ClickRepeater每个一段时间重复触发一次click事件,模拟连续点击的事件

公共部分

<body>  
      <input id = 'button' type = 'button' value='按钮'/><br>  
      <input id = 'lwc1' type = 'text'/><br>  
      <div id ='lwc2'></div>  
</body>

代码一

<script type="text/javascript" defer>  
	Ext.onReady(function(){  
    	var cr = new Ext.util.ClickRepeater(Ext.get('button'));  
    	cr.on('click',function(){  
        	Ext.get('lwc1').dom.value += '加';  
        	Ext.getDom('lwc2').innerHTML +='加';  
    	});  
   });    
</script>

代码二:

<script type="text/javascript" defer>  
    Ext.onReady(function(){  
        /* 
            ClickRepeater除了可以实现连续点击事件以外,还提供了一些附加功能, 
            比如元素被点击时显示的样式,发生连续点击时每次点击的时间间隔 
        */  
        var cr = new Ext.util.ClickRepeater(Ext.get('button'),{  
            delay : 1000,//表示用户按下鼠标1000ms之后开始执行连续点击  
            interval : 400,//表示执行连续点击后,每次点击之间的间隔  
            pressClass : 'pressClass'//表示用户按下鼠标后使用的CSS样式,改样式会在用户松开鼠标后自动移出  
          
        });  
        cr.on('click',function(){  
            Ext.get('lwc1').dom.value += '加';  
            Ext.getDom('lwc2').innerHTML +='加';  
        });  
  	});    
</script>