在使用UasyUI的时候，在一般的input输入框上添加class="easyui-textbox"属性，则在该输入框上添加的事件将不起作用，但是如果去掉class="easyui-textbox"变成一般的input则起作用。
控件的生成原理，它是把你原有的input隐藏，然后自己生成一个新的input，所以你点击的已经不是原来那个input也就没回应了。
目前我有三种方案，其中方案一最好，因为他是在EasyUI的基础上的方案，其他两种也能解决，但是方案二要加图标或按钮，相信大多人都不愿意，方案三是原生的JS起的作用。可以参考官网文档：http://www.jeasyui.com/documentation/textbox.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>textbox input events</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<h2>textbox input events</h2>
<div style="margin:20px 0;"></div>
<div class="easyui-panel" title="New Topic" style="width:400px">
<div style="padding:10px 60px 20px 60px">
<form id="ff" method="post">
<table cellpadding="5">
<tr>
<td>Name:</td>
<td><input class="easyui-textbox" type="text" id="name" name="name" data-options="required:true"></input></td>
</tr>
</table>
</form>
</div>
</div>
<script>
$(function() {
$('#name').textbox('textbox').bind('click', function() {
alert(1);
});
//$('#name').textbox({
//iconWidth : 15,
//icons : [ {
//iconCls : 'icon-add',
//handler : function(e) {
//alert(2);
//}
//} ]
//});
//$('input', $('#name').next('span')).click(function() {
//alert(3);
//});
});
</script>
</body>
</html>
相关推荐
我们可以通过在文本框的data-options中指定events属性来绑定blur事件，如：<input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/> ...
在这个实例中，我们将深入探讨 EasyUI 中的两个重要组件：`easyui-textbox` 和 `easyui-combobox`，以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件，它扩展了原生 HTML 的 `input` 元素...
本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码，帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架，它提供了丰富的UI组件，使得开发者可以快速构建出美观、...
自己花了 一晚上搞出来的，没有找到合适的，最后自己根据观看博客的总结，做了此demo 下载运行即可
本篇文章将深入探讨如何在Silverlight环境下实现这一功能，以及如何利用正则表达式和事件处理器来限制`TextBox`控件的输入。 ### 一、理解Silverlight及TextBox **Silverlight**是Microsoft开发的一种用于创建富...
这里的关键在于“扩展”一词，意味着我们不会从头开始编写整个输入框组件，而是基于现有的EasyUI输入框（`input`）进行功能增强，添加单位显示和支持。 ### 标签解析：“easyui input 单位 扩展” 标签则提供了...
在上述代码中，`sender`参数代表引发事件的对象（在这个例子中是textBox1），而`KeyEventArgs`的`KeyCode`属性则用于识别按下的具体键。如果用户按下的是上箭头或下箭头键，我们可以在这里添加相应的逻辑，比如滚动...
对于“单击鼠标选择一个TextBox控件，控件背景色变红”，可以监听控件的MouseClick事件，然后更改选中TextBox的BackColor属性： ```csharp private void textBox_MouseClick(object sender, MouseEventArgs e) { ...
Easy UI 实现扫描枪扫二维码查询。使用Jquery掉去datagrid查询。
在给定的部分代码中，我们看到了如何为TextBox添加KeyPress事件处理器，用以限制输入到TextBox中的字符只能是数字。下面是对这段代码的详细解析： ```csharp private void txtPrice_KeyPress(object sender, ...
<input class="easyui-validatebox" required="true" missingMessage="请输入10位号码" validType="length[0,10]" invalidMessage="号码长度超过10位" /> ``` - **解释**：除了基础验证外，这里还设置了`validType...
EasyUI 是一个基于 jQuery 的轻量级前端框架，主要用于构建用户界面。它的设计目标是简化网页应用的开发，提供一套易于使用且功能丰富的组件，包括布局、表格、对话框、菜单、按钮、表单等。EasyUI 的核心理念是通过...
**jQuery EasyUI 1.3.2 API及Demo离线版本**是JavaScript开发中的一个宝贵资源，它包含了一系列用于快速构建用户界面的组件和工具。EasyUI是基于jQuery的一个轻量级框架，它极大地简化了网页开发过程，尤其是对于...
修改上一个资源版本中结束编辑时combobox显示问题. 1、类型为combogrid时每行的参数不同查询返回对应... 2、类型为combobox时，输入框显示图标按钮，实现对应的事件。 3、解决类型为combobox显示为value而不是text问题
此外，TextBox的Change、KeyPress和TextChanged事件则与用户输入有关，可以在这类事件中添加代码来处理输入的文本。 在VB6（Visual Basic 6）中，我们可能会利用KeyPress事件来实现此功能，因为它会在用户按下键盘...
5. **事件驱动**：通过事件监听和处理机制，可以轻松实现用户操作的响应和控制逻辑。 6. **插件扩展**：EasyUI 具有良好的扩展性，可以通过编写插件来增加新的功能或组件。 7. **GPL 授权协议**：EasyUI 使用 GPL ...
使用方法： <input class="easyui-textbox" required="true" validType="number"/> 或者 <input class="easyui-textbox" data-options="required:true,validType:'number'" />
easyUI下拉列表可以通过input和select标签创建，select标签的data-options属性用于设置选项的值字段和显示字段，例如：;" class="easyui-combobox" data-options="valueField:'id',textField:'text',editable:false...
jQuery EasyUI 1.5.1版本更新内容： Bug（修复） datagrid：修复在调用“updateRow”方法之后选中和复选行标志丢失的问题； tabs：修复在调用“update”方法的时候导致标签栏工具错位的问题； window：修复在...