`
kewen342757003
  • 浏览: 145360 次
社区版块
存档分类
最新评论

jQuery 绑定一个事件

 
阅读更多
今天遇到一个奇怪的问题   一个很正常的JSP前台写了一个组件
定义了一个OnClick事件
<input name="fromDate" class="date" id="from_date" style="width: 110px;" onclick="openCalendarAndCallBackWithTimeShow(this,function(date){resetWidgetValues();},'yyyy-MM-dd');" onblur="resetWidgetValues();" type="text" realValue=""/>


但是不知道为什么,执行另外一个JS方法的时候,会把他的 onClick事件删掉,让它变成这样:
<input name="fromDate" class="date" id="from_date" style="width: 110px;" onblur="resetWidgetValues();" type="text" realValue="" jQuery163099070707368013="37"/>

就导致了前台的控件失效

仔细看了一下这个JS的方法,未果。。。。。 看着感觉它什么都没干,但是它执行过之后确实是把人家的onClick事件删掉了。。。(第一次执行还没事,执行第二次的时候删除)

最后没办法,只能在这个JS方法的最后,加上一个绑定事件:

            $("#from_date").bind("click",function(){
            	openCalendarAndCallBackWithTimeShow(document.getElementById("from_date"),function(date){resetWidgetValues();},'yyyy-MM-dd');
            })


其实就相当于我最后也不关心它为什么会去删onClick事件了,也不管他删没删,我给他绑定一个事件。

虽然感觉问题解决的比较奇怪。。。不过还是记录一下  学习一下jQuery的事件绑定方法
分享到:
评论

相关推荐

    JQuery绑定事件

    总结来说,jQuery绑定事件是其强大功能的一个体现,它让事件处理变得简单、直观,同时也提供了丰富的选择来满足各种复杂的交互需求。在实际项目中,熟练掌握jQuery的事件绑定不仅能提高开发效率,还能为用户提供更...

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

    `.bind()`是jQuery中更通用的事件绑定方法,不仅可以绑定`click`事件,还可以绑定其他多种事件,如`mouseover`、`mouseout`等。下面是如何使用`.bind()`绑定`click`事件的例子: ```javascript $('#clickmebind')....

    Jquery为单选框checkbox绑定单击click事件

    这是Jquery中的一个非常重要的方法,它确保了绑定事件的代码只会在DOM完全加载后执行,避免了因文档未完全加载而导致的脚本错误。 在总结上述知识点的同时,我们还应该注意一些常见的开发实践。例如,为了提高代码...

    jquery绑定click事件传递参数

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

    Jquery数据绑定分页源码

    “Jquery数据绑定分页源码”可能是对一个特定的jQuery分页插件的实现,包含了数据绑定和分页逻辑的源代码。这个源码可能包含以下部分: 1. **数据获取**:这部分代码负责从服务器或本地获取数据,可能涉及Ajax请求...

    jquery事件绑定例子

    合成事件是现代Web开发中的一个重要概念,它们是浏览器为了统一不同设备的交互方式而提供的抽象。例如,`mousedown`、`mouseup`和`click`可以被视为一个合成事件流。在jQuery中,我们可以直接绑定这些合成事件,如`...

    浅析jQuery事件之on()方法绑定多个选择器,多个事件

    它只需要在DOM树上绑定一个事件监听器,而不是每个目标元素都绑定,大大减少了内存的占用和提高了执行效率。 6. **与旧方法的比较**: - `.bind()`方法已被弃用。在旧版本的jQuery中,它用于直接为元素绑定事件。 ...

    jquery绑定事件中怎样调用函数?视频教程

    jquery绑定事件中怎样调用函数?视频教程,介绍的是jquery绑定事件中怎样调用函数?

    多种jQuery绑定事件的实现方式

    本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,传入事件类型和处理函数。例如,绑定点击事件(click...

    jQuery实现给input绑定回车事件的方法

    在了解如何使用jQuery给input元素绑定回车事件之前,需要对jQuery有一个基本的认识。jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。在使用jQuery进行...

    jQuery搜索框实例绑定提交事件.zip

    jQuery搜索框实例绑定提交事件是一款下拉选择多种搜索引擎分类,搜索框输入文字键盘回车绑定提交搜索按钮代码。    dropdown-toggle search-select" data-toggle="dropdown"&gt;百度搜索  ...

    jquery使用bind绑定事件

    `bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件处理器函数绑定到选择器匹配的元素上。当指定的事件发生时,这些函数将会被调用。`bind()`的基本语法如下: ```javascript $(selector).bind...

    jquery绑定原理 简单解析与实现代码分享

    当我们使用`bind`方法给元素绑定事件时,jQuery会创建一个事件列表,并将对应的处理函数存入缓存(cache)中。在提供的代码示例中,我们绑定了多个`click`和`mouseover`事件,可以看到事件列表可以通过`$.data($('#...

    jquery监听鼠标滚轮事件+js监听滚轮事件

    以下是一个简单的jQuery监听滚轮事件的例子: ```javascript $(document).ready(function() { $('body').on('mousewheel DOMMouseScroll', function(event) { var delta = event.originalEvent.wheelDelta || (-...

    jquery的时间绑定事件与合成事件小例

    `hover()`是jQuery提供的一个方便的合成事件,它实际上是同时绑定了`mouseenter`和`mouseleave`两个事件。`hover()`接收两个函数参数,第一个函数在鼠标进入元素时执行,第二个函数在鼠标离开元素时执行。如果只提供...

    jquery绑定事件不生效的解决方法

    在提供的示例代码中,尝试为id为"ceshisub"的按钮元素绑定一个点击事件。事件处理函数内部包括变量声明和一个弹出对话框的alert语句。然而,当用户点击按钮时,预期的行为并未发生,调试器的断点也没有被触发,表明...

    JQuery 绑定事件时传递参数的实现方法

    jQuery的`bind()`方法还允许你在事件处理函数中传递额外的数据,这些数据以键值对的形式存储在一个`data`对象中。例如: ```javascript var data = { param1: 'value1', param2: 'value2' }; $(“:text”).bind...

    jquery监听DIV的事件

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件,以便于我们在其状态变化时执行相应的代码。 首先,理解...

Global site tag (gtag.js) - Google Analytics