<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript" src="jquery/jquery-1.10.1.js"></script>
<script type="text/javascript">
$().ready(function(){
for(var i=0;i<4;i++){
//点击一次 多次执行
/**
$("input[name='mybutton']").click(function(){
alert(111);
}); */
//解绑事件
$("input[name='mybutton']").unbind("click");
$("input[name='mybutton']").bind("click",function(){
alert(111);
});
//自定义事件
$("input[name='mybutton']").unbind("click");
$("input[name='mybutton']").bind("click",function(){
$("input[name='mybutton']").trigger("getValue"); //在mybutton元素上自定义一个事件
});
$("input[name='mybutton']").unbind("getValue");
$("input[name='mybutton']").bind("getValue",function(){
alert("my name is value");
alert("I am tall");
alert("I'm tall");
});
}
})
</script>
</head>
<body>
<input type="button" name="mybutton" value="aaaa">
</html>
分享到:
相关推荐
用户可以通过自定义事件处理器来改变默认的行为,例如,一个链接点击事件默认会跳转到链接指向的页面,但是通过JavaScript,可以轻松地编写自定义事件处理器,以替代这一默认行为。以下是一个简单的示例: ```html ...
#### 五、自定义事件处理函数 - **定义**:除了使用预定义的事件处理器外,开发者还可以定义自己的事件处理函数。 - **示例**: - 定义函数:`function customClickHandler(event) { console.log("Custom click ...
JavaScript库如jQuery,是JavaScript的一个重要分支,它简化了DOM操作、事件处理和Ajax交互。jQuery于2006年发布,迅速成为最流行的JavaScript库之一,因其简洁的API和广泛的浏览器兼容性而受到开发者喜爱。jQuery的...
3.2.1 事件捆绑 3.2.2 浏览器事件 3.2.3 HTML元素事件 3.2.4 IE扩展的事件 3.3 JavaScript如何处理事件 3.3.1 匿名函数 3.3.2 显式声明 3.3.3 手工触发 3.4 事件处理器的返回值 3.5 事件处理器设置的灵活性 3.6 现代...
3.2.1 事件捆绑 3.2.2 浏览器事件 3.2.3 HTML元素事件 3.2.4 IE扩展的事件 3.3 JavaScript如何处理事件 3.3.1 匿名函数 3.3.2 显式声明 3.3.3 手工触发 3.4 事件处理器的返回值 3.5 事件处理器设置的灵活性 3.6 现代...
3. **封装的概念**:封装是面向对象编程的基本原则之一,它将数据和操作数据的方法捆绑在一起,形成一个独立的单元,这样可以隐藏实现细节,提高代码的可维护性和重用性。 4. **自定义控件的实现**:创建自定义控件...
在自定义遮罩的上下文中,封装可能意味着创建一个JavaScript函数或者类,该函数或类负责创建、显示和隐藏遮罩层。 描述中提到的"javascript"表明了实现遮罩效果的核心技术。JavaScript可以通过修改DOM(文档对象...
Packem,一个预编译的通用JavaScript模块捆绑器,是为了解决现代Web开发中的性能、灵活性和可扩展性需求而设计的。在JavaScript开发领域,模块打包是必不可少的环节,它将分散的源代码文件合并成单一的可执行文件,...
后来,为了与Sun Microsystems的Java进行市场捆绑,更名为JavaScript,尽管两者在语法上有一定的相似性,但它们实际上是不同的编程语言。JavaScript在浏览器中运行,为用户提供了丰富的交互体验。 这个"JavaScript...
创建TTL 在 JavaScript 中创建自定义 TTL 处理程序的函数。 为密钥设置过期时间并在密钥过期时收到通知。用法在您的网页中包含 (或使用 AMD 加载它)。 < script src =" ttl.js " > </ script > 对于...
- **封装**:将数据和操作数据的方法捆绑在一起,隐藏对象的内部状态,只暴露出必要的接口。 - **继承**:允许创建新类,继承现有类的属性和方法,从而实现代码复用。 - **多态性**:同名方法在不同的类中可以有不同...
1. 封装:封装是将数据和操作数据的函数捆绑在一起,形成一个独立的实体,即对象。在JavaScript中,对象的属性定义了它的状态,而方法定义了它的行为。例如,一个`Cat`对象可以有`name`和`color`属性,以及`meow`...
使用自定义解决方案(受Baler启发)而不是RequireJs优化器,该方法更灵活,更快,产生更小的捆绑包且不会因丢失文件而损坏。 *在干净的Magento 2上收集的所有数据均已安装了示例数据。 正在安装 这是Magepack工作...
Esbuild,一个由Glen Keane开发的高性能JavaScript捆绑器,以其惊人的速度和简洁的API在开发者社区中引起了广泛关注。本文将详细介绍Esbuild的基本概念、使用方法以及它如何成为JavaScript开发者的得力助手。 ### ...
jspm还提供了构建和优化功能,用于转换和捆绑代码以供生产环境使用: 1. 构建代码: 使用`jspm build`命令将源代码编译为可部署的格式: ```bash jspm build src/index.js build.js ``` 2. 优化代码: 在...
Qoopido.demand Qoopido.demand是一个模块化,灵活且100%异步JavaScript模块...旧脚本,捆绑包(诸如串联脚本),文本,CSS和JSON 包括Cookie支持,lzstring压缩和SRI的插件支持内置的自定义处理程序和插件包括通过g
创建具有自定义角色的代理 克隆此仓库 git clone https://github.com/ssvaidyanathan/CreateProxyWithCustomRole.git 在加密的KVM中创建组织管理员凭据 curl -X POST \ ...
邦德洛作为一款JavaScript捆绑工具,旨在简化前端开发中的文件管理和优化流程,提高项目性能。通过合理使用邦德洛,开发者能够高效地处理JavaScript及其相关资源,从而构建出快速、响应式的Web应用。如果你正在寻找...
由于这是一个功能组件,因此挂钩可以管理事件,本地状态和RAF。 自定义光标包括 一个内点( cursorInner ) 一个外部的轮廓圆( cursorOuter ),基于点/基色具有不透明性 外部轮廓的轻微尾随动画 单击或链接悬停...
这会将980KB的精简JavaScript添加到您的捆绑软件中,这是一个相当大的数目,尤其是在您甚至没有使用很大一部分的情况下。 但是,您可以在非常细致的程度中选择捆绑包中实际需要的东西。 只需做一些配置即可。 要...