`
sunqing0316
  • 浏览: 42048 次
  • 性别: Icon_minigender_2
文章分类
社区版块
存档分类
最新评论

让人纠结的Click事件和Change事件

 
阅读更多

在做机房收费系统的时候,有个小问题让我纠结了几乎一天。虽然我知道它简单的要死,但就是不知道该怎么解决。

就是在添加删除用户那个窗体中,有一个小功能是根据用户级别来查询用户名、姓名、开户人等信息。用户级别的选择是通过选择ComboBox控件的下拉选项来实现的。在做的时候想也没想就直接点击窗体上的控件切换到了代码窗口。

就在我将所有代码都敲好后开始运行的时候,发现MSHFlexGrid控件根本就不能显示数据,是空的。当时很纳闷,以为是SQL语句有问题,然后就开始各种尝试,没解决。

当时很纠结,因为知道这个问题一定很容易解决,但是我却不知道错在哪。

后来我不耐烦了,刚好张文康到我这来,正好,抓到一个,就问他。他看了一下我的代码,把Change改成了Click,然后程序就可以显示查询结果了。

那好吧,我承认自己基础不扎实,这种问题本不应该出现的。现在问题是解决了,但是为了吸取教训,一定要把这个总结一下,警告自己。

ComboBox控件为例,ClickChange这两个事件到底有什么不同呢?

Click事件是选择列表项,而Change事件则是编辑内容,这两个事件的结果都是使ComboBox控件中的现实内容发生变化,但是一个是通过鼠标点击,即Click;另一个是通过在输入框中编辑内容,即Change。

其实早在验收学生信息系统的时候,师父就和我提到过这个问题,但是当时我没有太在意。结果,欠下的总是要还的,在收费系统中就让我好好纠结了一次。不过这只是一个小小的开始而已,知道自己的基本功不扎实,所以像这样的问题估计还有好多在等着我,而且,做事情也总是不细心,想当然地以为直接点过去了就完事,也不看看是什么事件,认为默认的就是正确的,其实不然。

也许过了这一关以后,我就该踏实多了。

作者信息

分享到:
评论

相关推荐

    关于click和change的使用区别

    #### 二、Change事件详解 **定义:** `change` 事件是在表单控件发生变化时触发的,比如用户更改了输入框的内容、选择了新的下拉选项等。与 `click` 事件相比,`change` 更专注于表单元素的状态变化。 **特点:** ...

    组合框combo里面change和click的区别

    1. **Change事件** - `Change`事件在用户从组合框中做出选择并确认后触发。当用户从下拉列表中选择一个新项,并且焦点离开组合框时,就会发生`Change`事件。这通常意味着当前选定的值已经发生了变化。 - 在`Change...

    JQuery中如何传递参数如click(),change()等具体实现

    最后,参考国外开发者的做法,如果需要在change事件中传递参数,可以使用类似的方法: ```javascript $("select#test").change({msg: "ok"}, function(event) { myHandler(event.data.msg); }); ``` 这里,我们...

    js不完美解决click和dblclick事件冲突问题

    情况描述 当某个元素,如:div,同时绑定了click事件和dblclick事件,而这两个事件又要处理相对独立的业务,也就是click的时候不能触发dblclick,dblclick的时候不能触发click。在实际测试中发现,当dblclick的时候...

    Vue根据条件添加click事件的方式

    需求:根据特定条件,增加或者去掉click事件(例如:clickFlag == true时,添加click事件;clickFlag == false时,去掉click事件;) 解决方法: 方式一:在绑定事件中直接添加标示量clickFlag <div click=click...

    JS中touchstart事件与click事件冲突的解决方法.docx

    在JavaScript中,`touchstart`事件和`click`事件在移动设备上可能存在冲突,这个问题主要出现在需要同时兼容PC和移动设备的Web应用中。在移动设备上,由于触摸屏的操作特性,`touchstart`事件在用户手指触碰屏幕时...

    Extjs 重写Panel添加click事件

    总结,重写Ext JS的Panel并添加click事件是一个常见的需求,通过继承Panel并使用事件监听机制,我们可以轻松实现这一功能。这不仅增强了Panel的功能,也使我们的应用更加灵活和可定制。记得在编写代码时,根据实际...

    Q713454 winform panel click事件 子控件一起触发

    3. **使用MouseUp或MouseDown事件**:有时,Click事件可能因为鼠标按下和释放不在同一位置而不会触发。可以考虑使用MouseUp或MouseDown事件,这些事件通常不会被子控件截获。 4. **自定义控件**:如果你需要更精确...

    解决element-ui中下拉菜单子选项click事件不触发的问题

    在使用Vue框架结合Element-UI组件库开发中,我们可能会遇到下拉菜单中子选项的click事件无法触发的问题。Element-UI是一个基于Vue 2.0的桌面端组件库,广泛用于快速开发页面组件。其中,组件提供了下拉菜单功能,则...

    C# 在 WebBrowse控件中捕获 MouseClick 或 MouseDown事件

    本文将详细介绍如何在C#的WebBrowser控件中捕获MouseClick和MouseDown事件。 首先,让我们了解这两个事件的含义。`MouseClick`事件通常在用户点击鼠标按钮并释放时触发,而`MouseDown`事件则在用户按下鼠标按钮时...

    解决layui动态添加的元素click等事件触发不了的问题

    在页面加载完成时候 ‘.add_project’ 元素是可以触发click时间的,当动态添加 ‘.add_project’ 时候,新添加的元素却触发不了click事件,类似下面的写法: $(".add_project").on('click', function(){ alert&#40...

    动态创建按钮,动态编写click事件

    总结来说,动态创建按钮和编写click事件是Windows Forms应用程序中增强用户交互性和灵活性的重要手段。通过编程方式创建和管理UI元素,你可以构建出更加动态和响应用户需求的应用程序。同时,这也是一种提升编程技能...

    jquery绑定click事件传递参数

    本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    百度 touch js 解决 移动端click点击事件

    在移动设备上,由于浏览器需要识别用户是在进行双击操作还是单击操作,因此默认情况下,`click`事件会有一个约300毫秒的延迟。这对于需要快速响应用户操作的交互设计来说,是一个明显的不足。为了克服这个问题,...

    echarts的click事件

    总之,ECharts 的 `click` 事件是实现用户交互的关键特性,通过监听和处理这个事件,你可以为你的数据可视化应用增添丰富的交互体验。记得在使用过程中,灵活运用 `params` 参数,结合具体的业务场景,设计出符合...

    解决Vue对Element中的el-tab-pane添加@click事件无效

    解决Vue对Element中的el-tab-pane添加@click事件无效

    JQuery调用绑定click事件的3种写法

    本文将详细介绍在jQuery中绑定`click`事件的三种常见方法,以及它们的应用场景和差异。 ### 1. `click()`方法 这是最直接和最简单的绑定`click`事件的方式。当你希望为一个元素添加点击事件监听器时,可以使用`...

    解决vue的touchStart事件及click事件冲突问题

    在开发移动Web应用时,开发者经常会遇到在同一个元素上绑定touchStart事件和click事件的场景。由于移动端浏览器在处理触摸事件时存在一个特殊的机制,即在用户触摸屏幕后,浏览器会在约300毫秒的延迟后才会触发click...

    代码触发js事件(click、change)示例应用

    JavaScript事件是网页...总之,`click`和`change`事件是JavaScript事件处理中的基础,它们通过`addEventListener`、`dispatchEvent`或`fireEvent`等方式进行监听和触发,帮助开发者构建更加动态和交互性的网页应用。

    JQuery 给元素绑定click事件多次执行的解决方法

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind(...在绑定新click方法前对元素所绑定的click方法解绑

Global site tag (gtag.js) - Google Analytics