Kenxu Events.js 使用

vb2005xu

浏览: 1782900 次
性别:
来自: 北京

最近访客更多访客>>

秋之风245

lukeme

liugm1

SeerMi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript 学习

MySQL IE JavaScript XHTML PHP

之前写过 iamseseJS和__xu_init jS简易框架 , 好长时间不看,忘了,郁闷,今天要用个DOM事件做东西,平常都用JQ,突然发现并不需要这么大的东西,就整理了下 .... 用起来都忘了郁闷记个笔记,似乎事件代理有些问题,晚上回去再看了...

写道

demo 功能需要:

1. 单击行如果行未选中则高亮当前行并勾选复选框,否则去掉复选框并且还原原来的背景色
2. 单击复选框未选中则高亮当前行并勾选复选框,否则去掉复选框并且还原原来的背景色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Kenxu Event.js 使用demo</title>
<script type="text/javascript">

var Events = {
	
	onload: function(func){
		var one=window.onload ;
		if(typeof window.onload != 'function'){
			window.onload=func ;
		}
		else{
			window.onload=function(){
				one();
				func();
			}
		}
	} ,
	
	/*
	 * 为DOM元素 添/删事件 add,remove方法 摘自: jsTrace
	 *  
	 *  当fn为匿名函数时移除不成功,fn可接收event参数,如: function(evt)
	 */ 
	add: function( obj, type, fn ){
		if (obj.addEventListener) obj.addEventListener( type, fn, false );
		else if (obj.attachEvent){
			obj["e"+type+fn] = fn;
			obj[type+fn] = function() {
				obj["e"+type+fn]( window.event );
			};
			obj.attachEvent( "on"+type, obj[type+fn] );
		}
	} ,
	remove: function ( obj, type, fn ){
		if (obj.removeEventListener) obj.removeEventListener( type, fn, false );
		else if (obj.detachEvent) {
			obj.detachEvent( "on"+type, obj[type+fn] );
			obj[type+fn] = null;
			obj["e"+type+fn] = null;
		}
	} ,
	
	/**
	 * 使用事件监听器后,取消元素默认行为的方法
	 * @param evt||window.event evt
	 */		
	preventDefault: function(evt){
		evt = evt || window.event ;
		if (evt.preventDefault)
			evt.preventDefault();
		else
			evt.returnValue = false ;
	} ,	
	
	/**
	 * 使用事件监听器后,取消元素上层元素的事件冒泡
	 * @param evt||window.event evt
	 */		
	preventBubble: function(evt){
		evt = evt || window.event ;
		if (evt.stopPropagation)
			evt.stopPropagation();
		else
			evt.cancelBubble = true ;
	} ,	
		
	/**
	 * 事件委托 机制 -- 从上层元素捕捉事件源,并传到回调函数 
	 * 
	 * 兼容IE和FF
	 * @param DOM元素	proxyElement 
	 * @param string	type
	 * @param function	fn 传入参数为事件源对象
	 * @param bool		isPreventDefault 是否阻止元素的默认行为
	 */ 
	addProxy: function(proxyElement,type,fn,isPreventDefault){
		var handle_name = type + '_handleMethod' ;
		var _this = this ;
		proxyElement[handle_name] = function(evt){
			evt = evt || window.event ;
			var target = evt.target || evt.srcElement ;
			fn(target);
			if (isPreventDefault) _this.preventDefault(evt);
		} ; 
		this.add(proxyElement,type,proxyElement[handle_name]);
	},
	/**
	 * 移除 proxyElement的委托事件
	 * 
	 * @param DOM元素	proxyElement
	 * @param string	type
	 */
	removeProxy: function(proxyElement,type){
		var handle_name = type + '_handleMethod' ;
		this.remove(proxyElement,type,proxyElement[handle_name])
	} ,
	
	keyCode: function(evt){
		return (evt || window.event).keyCode ;
	} ,
	each: function(ar, insp) {
		var r = [];
		for (var i = 0; i < ar.length; i++) {
			var x = insp(ar[i], i);
			if (x !== null) {
				r.push(x);
			}
		}
		return r ;
	}
} ;

Events.onload(function(){
	var tbodyEle=document.getElementById('tbody');
	if (tbodyEle){
		var color1='#EDEDD3',color2='#EFEFEF',overcolor='#D8D7D2';
		var bgc = 'backgroundColor' ;
		
		Events.each(tbodyEle.rows,function(row,i){
			// 设置背景颜色
			row.style[bgc] = (i%2 == 0) ? color1 : color2;
			
			// 绑定特效事件
			Events.add(row,'mouseover',function(evt){
				this.bg_old=this.style[bgc] ;
				this.style[bgc]=overcolor;
				this.style['cursor']='hand';				
			});
			Events.add(row,'mouseout',function(evt){
				this.style[bgc]=this.bg_old;
			});			
			
			var boxes = row.getElementsByTagName('input');
			var pkbox = boxes && boxes[0].type=='checkbox' && boxes[0].name=='pk' ? boxes[0] : null ;
			
			// 绑定点击事件			
			if (pkbox){				
			
				Events.add(pkbox,'click',function(evt){
					Events.preventBubble(evt);
					if(this.checked){
						//row的mouseover事件
						row.bg_unslt = row.bg_old ; 
						row.bg_old=row.style[bgc]=overcolor ;						
					}else {
						//row的mouseout事件
						row.bg_old=row.style[bgc]=row.bg_unslt ;
					}
				});				
				
				Events.add(row,'click',function(evt){
					pkbox.checked = !pkbox.checked ;					
					if(pkbox.checked){
						this.bg_unslt = this.bg_old ; 
						this.bg_old=this.style[bgc]=overcolor ;						
					}else {
						this.bg_old=this.style[bgc]=this.bg_unslt ;
					}
				});
			}			
			
		});
		
	}
});
</script>
</head>
<body id="" class="">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class="list">
  <thead>
    <tr>
      <th>列1</th>
      <th>列2</th>
      <th>列3</th>
    </tr>
  </thead>
  <tbody id='tbody'>
    <tr>
      <td><input type="checkbox" name="pk" value="1"></td>
      <td>无</td>
      <td>2008-05-09 17:21:04</td>
    </tr>
    <tr>
      <td><input type="checkbox" name="pk" value="2"></td>
      <td>无</td>
      <td>2008-05-09 17:21:04</td>
  
    </tr>
    <tr>
      <td><input type="checkbox" name="pk" value="3"></td>
      <td>无</td>
      <td>2008-05-09 17:21:04</td>
     
    </tr>
  </tbody>
</table>
</body>
</html>

分享到：

某某安全卫士 -- 有望成为新的lv-bei | 我所崇拜的当代一位牛人

2010-10-19 18:38
浏览 1653
评论(2)
论坛回复 / 浏览 (2 / 1857)
分类:Web前端
查看更多

2 楼 vb2005xu 2010-10-21

加一个数据库支持的代码样例

class Kenxu_DB_Driver_Mysqlt extends Kenxu_DB_Driver_Mysql implements Kenxu_DB_TransactionSupport {
	
	/**
     * 指示数据库是否支持事务
     *
     * @var boolean
     */
    protected $_hasTransaction = true ;
    
	/**
     * Mysql 数据库事务支持类名
     *
     * @var string
     */
	protected $_transactionSupportClass = 'Kenxu_DB_Driver_Mysql_TransactionSupport' ;
	
	/**
	 * 获取数据库事务支持对象
	 *
	 * @return Kenxu_DB_Driver_Mysql_TransactionSupport
	 */
	function getTransaction(){
		if ( $this->_hasTransaction ){
			static $inst = null ;
		
			if (!$inst){
				$inst = Kenxu_DB_TransactionAdapter::getInstance($this->_transactionSupportClass) ;
				/* @var $inst Kenxu_DB_TransactionAdapter */
				$inst->setDBO($this);
			}
			return $inst ;
		}		
		return null ;		
	}
	
}

1 楼 vb2005xu 2010-10-19

兼容IE/FF

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

2025职业教育知识竞赛题库（含答案）.pptx: 2025职业教育知识竞赛题库（含答案）.pptx

"SOA海鸥算法优化下的KELM核极限学习机分类MATLAB代码详解：传感器故障诊断数据集应用与本地EXCEL数据读取功能",（SOA-KELM）海鸥算法SOA优化KELM核极限学习机分类MATLAB: "SOA海鸥算法优化下的KELM核极限学习机分类MATLAB代码详解：传感器故障诊断数据集应用与本地EXCEL数据读取功能",（SOA-KELM）海鸥算法SOA优化KELM核极限学习机分类MATLAB代码代码注释清楚。 main为运行主程序，可以读取本地EXCEL数据。很方便，容易上手。（以传感器故障诊断数据集为例） ,核心关键词：SOA-KELM；海鸥算法优化；核极限学习机分类；MATLAB代码；代码注释清楚；main程序；读取本地EXCEL数据；传感器故障诊断数据集。,SOA-KELM分类算法MATLAB代码：海鸥优化核极限学习机，轻松上手，读取EXCEL数据集进行传感器故障诊断

人工智能领域：探索AI代理的进化与社会影响力及其应用前景: 内容概要：本文由世界经济论坛与Capgemini联合发布，主要阐述了AI代理从简单程序演变为复杂自主系统的进程，强调了它们在现代各行业如医疗保健、教育及金融服务等方面所发挥的作用，并讨论了其潜在收益以及伴随的风险和挑战。文中详细介绍了AI代理的发展历程、核心技术趋势（深度学习、强化学习）、多种类型的AI代理及其系统架构，同时对未来的发展方向——多智能体系统进行了展望，探讨了提高生产力、优化资源配置的新机会。适合人群：对人工智能感兴趣的各界人士，尤其是关注技术创新对企业和社会长远影响的决策者和技术领导者，如商业领袖、政府官员及其他利益相关方。使用场景及目标：①帮助政策制定者理解AI代理的功能和应用场景；②为企业管理者提供关于部署和管理AI系统的指导；③为研究者指明未来科研方向并探讨伦理和社会责任等问题；④为技术人员揭示当前最先进技术和最佳实践案例。其他说明：文中还提到了随着更加先进的AI代理不断涌现，确保安全性和有效监管将是未来发展的重要议题之一。此外，跨行业的共识对于将AI代理顺利整合到各个部门至关重要。文章指出需要建立稳健治理机制来保障AI技术健康发展并服务于公共利益最大化的目标。

2025网络安全理论知识考试题（含答案）.pptx: 2025网络安全理论知识考试题（含答案）.pptx

基于java+ssm+mysql的在线听书网站源码+数据库+论文(高分毕设项目).zip: 项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。项目都经过严格调试，确保可以运行！可以放心下载技术组成语言：java 开发环境：idea 数据库：MySql8.0 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven 数据库工具：navicat

基于FATFS系统的STM32F407 SD卡升级Bootloader程序：自动检测与升级流程,stm32f407 SD卡升级 bootloader程序基于sdio fatfs系统的stm32 b: 基于FATFS系统的STM32F407 SD卡升级Bootloader程序：自动检测与升级流程,stm32f407 SD卡升级 bootloader程序基于sdio fatfs系统的stm32 bootloader程序功能简介：本程序使用fatfs系统读取bin文件。开机后会自动检测sd卡，检测到sd卡后，再读取固定名称的bin文件，之后会对bin文件进行首包校验，判断该升级包的起始地址是否正确，正确的话，就循环读取bin文件并写入到flash中。完成升级。详细流程请看流程图 ,stm32f407; SD卡升级; bootloader程序; fatfs系统读取bin文件; 检测SD卡; 首包校验; 循环写入flash。,STM32F407 SD卡升级Bootloader程序：基于SDIO FATFS系统实现自动升级功能

2025网络与信息安全技术题库及答案.doc: 2025网络与信息安全技术题库及答案.doc

C# WinForm通用软件开发框架源码，基于VS2019 .NET与DevExpress 21，WebApi连接SQLServer2014数据库，互联网化数据访问模式,C# 源码 WinForm?通: C# WinForm通用软件开发框架源码，基于VS2019 .NET与DevExpress 21，WebApi连接SQLServer2014数据库，互联网化数据访问模式,C# 源码 WinForm?通用软件开发框架平台源码基于：C#Winform+ WebApi +SQLServer2014数据库基于：VS2019.NET? DevExpress 21.2.6控件基于：SQLServer2014?数据库客户端通过Http访问WebApi获得json数据的模式，本系统走互联网，只需要把WebApi发布在公网即可。说明：此框架源码除系统管理功能外，其它无源码 ,C#源码; WinForm; WebApi; SQLServer2014; VS2019.NET; DevExpress控件; 互联网模式; 系统管理功能; 发布。,C# WinForm开发框架：基于DevExpress与WebApi的通用软件平台源码

基于java+ssm+mysql的便民自行车管理系统源码+数据库+论文(高分毕设项目).zip: 项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。项目都经过严格调试，确保可以运行！可以放心下载技术组成语言：java 开发环境：idea 数据库：MySql8.0 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven 数据库工具：navicat

基于SqueezeNet迁移学习算法的滚动轴承故障诊断方法研究-在MATLAB r2021b环境下的应用与拓展至多元信号领域的研究,MATLAB环境下一种基于sqeezenet网络迁移学习的滚动轴承: 基于SqueezeNet迁移学习算法的滚动轴承故障诊断方法研究——在MATLAB r2021b环境下的应用与拓展至多元信号领域的研究,MATLAB环境下一种基于sqeezenet网络迁移学习的滚动轴承故障诊断方法。算法运行环境为MATLAB r2021b,该代码展示了如何使用深度学习（迁移学习）方法对滚动轴承进行故障诊断，演示了如何将一维轴承振动信号转为二维尺度图图像并使用预训练网络应用迁移学习对轴承故障进行分类。迁移学习显著减少了传统轴承诊断方法特征提取和特征选择所花费的时间，并在小型数据集中获得了良好的准确性。算法可迁移至金融时间序列，地震微震信号，机械振动信号，声发射信号，电压电流信号，语音信号，声信号，生理信号（ECG,EEG,EMG）等信号。 ,MATLAB环境; SqueezeNet网络; 迁移学习; 滚动轴承故障诊断; 算法运行环境; 一维轴承振动信号转换; 二维尺度图图像; 特征提取和选择; 信号分析；迁移至其他类型信号（以分号隔开）,基于SqueezeNet迁移学习在MATLAB的滚动轴承故障诊断算法优化

基于弱形式PDE建模的COMSOL不相溶两相流渗流水驱油模拟研究,comsol不相溶两相流渗流模拟，水驱油，基于弱形式PDE建模，模型已验证 ,核心关键词：comsol; 不相溶两相流; 渗流模拟: 基于弱形式PDE建模的COMSOL不相溶两相流渗流水驱油模拟研究,comsol不相溶两相流渗流模拟，水驱油，基于弱形式PDE建模，模型已验证。 ,核心关键词：comsol; 不相溶两相流; 渗流模拟; 水驱油; 弱形式PDE建模; 模型验证。,"基于弱形式PDE建模的COMSOL两相流渗流模拟：验证水驱油模型"

Tiled for Mac v1.11.1: Tiled for Mac是一款功能强大的开源地图编辑器，适用于macOS系统。它支持正交、等距和六边形地图类型，可创建无限大小的地图，并支持多图层编辑。用户可以通过直观的界面快速添加、修改地图元素，使用像素精度放置对象，并支持图块动画和碰撞编辑。Tiled的TMX格式易于理解，支持多种插件扩展，兼容多种游戏引擎，如RPG和平台游戏。它还提供撤销/重做功能，方便用户调整和优化地图。

太阳能光伏MPPT控制蓄电池三阶段充电模型仿真说明文档（附扰动观测法仿真模型，R2015b版）,充电控制器，太阳能光伏MPPT控制蓄电池充电模型其中，光伏MPPT控制采用扰动观测法（P&O法），蓄: 太阳能光伏MPPT控制蓄电池三阶段充电模型仿真说明文档（附扰动观测法仿真模型，R2015b版）,充电控制器，太阳能光伏MPPT控制蓄电池充电模型。其中，光伏MPPT控制采用扰动观测法（P&O法），蓄电池充电采用三阶段充电控制。仿真模型附加一份仿真说明文档，便于理解和修改参数。版本： R2015b ,充电控制器; 光伏MPPT控制; 扰动观测法（P&O法）; 蓄电池充电控制; 三阶段充电控制; 仿真模型; 仿真说明文档; 版本：R2015b,"R2015b版：太阳能光伏MPPT三阶段充电控制仿真模型及说明"

基于java+ssm+mysql的蛋糕甜品店管理系统源码+数据库+论文(高分毕设项目).zip: 项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。项目都经过严格调试，确保可以运行！可以放心下载技术组成语言：java 开发环境：idea 数据库：MySql8.0 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven 数据库工具：navicat

2025医院收费员考试题题库（含答案）.docx: 2025医院收费员考试题题库（含答案）.docx

"欧姆龙PLC编程新手宝典：标准程序案例集，包括CP1H脉冲编程与触摸屏实战应用",欧姆龙PLC程序欧姆龙案例欧姆龙标准程序本产品适用于新手或者在校生本程序包括有欧姆龙CP1H脉冲程序案例，威纶: "欧姆龙PLC编程新手宝典：标准程序案例集，包括CP1H脉冲编程与触摸屏实战应用",欧姆龙PLC程序欧姆龙案例欧姆龙标准程序本产品适用于新手或者在校生本程序包括有欧姆龙CP1H脉冲程序案例，威纶通触摸屏程序，电子版讲义程序涉及方面广，适合新手入门学习，掌握了这些以后欧姆龙脉冲程序基本通吃，编程起来无压力本程序设计到CP1H各个轴的程序编写具体用了ACC PLS2 INI等众多指令，每个轴的程序都是单独的，包括触摸屏在内，您可以直接调用程序套到直接的程序上，只需要把地址稍微改动即可。本程序适用于新手、自动化专业在校生学习和提高，另外额外赠送主流的CAD电气原理图纸，包含各种主流的PLC接线原理图，各种成功案例，是每个电气工程师学习和提高最必不可少的资料 ,欧姆龙PLC程序; 欧姆龙案例; 欧姆龙标准程序; 新手学习; 在校生; CP1H脉冲程序案例; 威纶通触摸屏程序; 电子版讲义; 编程指令; 程序设计; PLC接线原理图; 成功案例。,欧姆龙PLC入门宝典：从新手到专业工程师的实用指南

"基于Simulink的锂电池SOC估计模型研究：卡尔曼滤波算法的参数辨识与模型优化",锂电池SOC估计模型 simulink SOC估算卡尔曼滤波估算 SOC电池参数辨识模型10个；卡尔曼滤波算法: "基于Simulink的锂电池SOC估计模型研究：卡尔曼滤波算法的参数辨识与模型优化",锂电池SOC估计模型 simulink SOC估算卡尔曼滤波估算 SOC电池参数辨识模型10个；卡尔曼滤波算法锂电池SOC估算估算模型15个；卡尔曼滤波31个； ,锂电池SOC估计模型; Simulink; SOC估算; 卡尔曼滤波估算; 电池参数辨识模型; 锂电池SOC卡尔曼滤波估算模型; 卡尔曼滤波,基于Simulink的锂电池SOC估计与卡尔曼滤波算法研究

苍鹰算法优化BP神经网络参数：多输入单输出预测建模及效果展示注：此程序为matlab编写，可直接运行出多种预测结果图与评价指标效果图为测试数据展示，具体预测效果以个人数据为准 ,苍鹰优化算法NG: 苍鹰算法优化BP神经网络参数：多输入单输出预测建模及效果展示注：此程序为matlab编写，可直接运行出多种预测结果图与评价指标。效果图为测试数据展示，具体预测效果以个人数据为准。,苍鹰优化算法NGO优化BP神经网络的软值和阈值参数做多输入单输出的拟合预测建模。程序内注释详细直接替数据就可以使用。程序语言为matlab。程序直接运行可以出拟合预测图，迭代优化图，线性拟合预测图，多个预测评价指标。 PS:以下效果图为测试数据的效果图，主要目的是为了显示程序运行可以出的结果图，具体预测效果以个人的具体数据为准。 2.由于每个人的数据都是独一无二的，因此无法做到可以任何人的数据直接替就可以得到自己满意的效果。 ,核心关键词：苍鹰优化算法; NGO优化; BP神经网络; 软值和阈值参数; 多输入单输出拟合预测建模; 程序内注释; MATLAB程序语言; 拟合预测图; 迭代优化图; 线性拟合预测图; 预测评价指标。,基于苍鹰优化算法的NGO-BP神经网络模型：多输入单输出拟合预测建模与评估

基于java+ssm+mysql的医院交互系统源码+数据库+论文(高分毕设项目).zip: 项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。项目都经过严格调试，确保可以运行！可以放心下载技术组成语言：java 开发环境：idea 数据库：MySql8.0 部署环境：Tomcat（建议用 7.x 或者 8.x 版本），maven 数据库工具：navicat

GTP4ALL的安装文件: GTP4ALL的安装文件

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

Kenxu Events.js 使用

评论

发表评论

相关推荐

常用的 js 代码梳理

fineuploader 跨子域上传文件 cookie丢失问题的解决

2014 I Love You!

阻止checkbox的父元素事件冒泡

整理下之前的js代码 moogens.js 记录下

AOP 在js中的应用

自己动手增强 jquery.multiselect2side 调用

坑爹的HTML5应用集锦

小旭改的分页代码

一道js题 的分析历程

修复 artDialog 双击遮罩层就会自动关闭的bug.... 自己动手....

jquery 也不给力啊 unbind 你让我情何以堪!

使用 nodejs 形式的语法来规整 js

注册了2个域名 希望能给nodejs一点集合

css 文本折行

IE 中document.getElementsByName

新年里 把 自己写的 js基础代码 做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?

考考你们的JS 我只作对了一半 你们试试

为自己的JS库 moogens 增加 facebox 组件

高级js教程,转国外一个教程

最近访客更多访客>>

一道js题的分析历程

注册了2个域名希望能给nodejs一点集合

新年里把自己写的 js基础代码做个了结..... 死机了吧,悲剧了吧 ... 打不开了吧...编辑器bug出现了吧 ff不能黏贴,复制,换组织就不修正么?

考考你们的JS 我只作对了一半你们试试