今天遇到一个奇怪的问题 一个很正常的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的事件绑定不仅能提高开发效率,还能为用户提供更...
`.bind()`是jQuery中更通用的事件绑定方法,不仅可以绑定`click`事件,还可以绑定其他多种事件,如`mouseover`、`mouseout`等。下面是如何使用`.bind()`绑定`click`事件的例子: ```javascript $('#clickmebind')....
这是Jquery中的一个非常重要的方法,它确保了绑定事件的代码只会在DOM完全加载后执行,避免了因文档未完全加载而导致的脚本错误。 在总结上述知识点的同时,我们还应该注意一些常见的开发实践。例如,为了提高代码...
本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...
“Jquery数据绑定分页源码”可能是对一个特定的jQuery分页插件的实现,包含了数据绑定和分页逻辑的源代码。这个源码可能包含以下部分: 1. **数据获取**:这部分代码负责从服务器或本地获取数据,可能涉及Ajax请求...
合成事件是现代Web开发中的一个重要概念,它们是浏览器为了统一不同设备的交互方式而提供的抽象。例如,`mousedown`、`mouseup`和`click`可以被视为一个合成事件流。在jQuery中,我们可以直接绑定这些合成事件,如`...
它只需要在DOM树上绑定一个事件监听器,而不是每个目标元素都绑定,大大减少了内存的占用和提高了执行效率。 6. **与旧方法的比较**: - `.bind()`方法已被弃用。在旧版本的jQuery中,它用于直接为元素绑定事件。 ...
jquery绑定事件中怎样调用函数?视频教程,介绍的是jquery绑定事件中怎样调用函数?
本文将深入探讨多种jQuery绑定事件的实现方式,并提供解决事件重复绑定问题的策略。 首先,让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数,传入事件类型和处理函数。例如,绑定点击事件(click...
在了解如何使用jQuery给input元素绑定回车事件之前,需要对jQuery有一个基本的认识。jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。在使用jQuery进行...
jQuery搜索框实例绑定提交事件是一款下拉选择多种搜索引擎分类,搜索框输入文字键盘回车绑定提交搜索按钮代码。 dropdown-toggle search-select" data-toggle="dropdown">百度搜索 ...
`bind()`方法是jQuery提供的一种事件绑定功能,它可以将一个或多个事件处理器函数绑定到选择器匹配的元素上。当指定的事件发生时,这些函数将会被调用。`bind()`的基本语法如下: ```javascript $(selector).bind...
当我们使用`bind`方法给元素绑定事件时,jQuery会创建一个事件列表,并将对应的处理函数存入缓存(cache)中。在提供的代码示例中,我们绑定了多个`click`和`mouseover`事件,可以看到事件列表可以通过`$.data($('#...
以下是一个简单的jQuery监听滚轮事件的例子: ```javascript $(document).ready(function() { $('body').on('mousewheel DOMMouseScroll', function(event) { var delta = event.originalEvent.wheelDelta || (-...
`hover()`是jQuery提供的一个方便的合成事件,它实际上是同时绑定了`mouseenter`和`mouseleave`两个事件。`hover()`接收两个函数参数,第一个函数在鼠标进入元素时执行,第二个函数在鼠标离开元素时执行。如果只提供...
在提供的示例代码中,尝试为id为"ceshisub"的按钮元素绑定一个点击事件。事件处理函数内部包括变量声明和一个弹出对话框的alert语句。然而,当用户点击按钮时,预期的行为并未发生,调试器的断点也没有被触发,表明...
jQuery的`bind()`方法还允许你在事件处理函数中传递额外的数据,这些数据以键值对的形式存储在一个`data`对象中。例如: ```javascript var data = { param1: 'value1', param2: 'value2' }; $(“:text”).bind...
在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。本篇文章将深入探讨如何使用jQuery来监听一个DIV元素的事件,以便于我们在其状态变化时执行相应的代码。 首先,理解...