1. 程式人生 > >重複繫結mouseover和mouseout事件

重複繫結mouseover和mouseout事件

滑鼠懸浮日期上顯示日程數量

       我需要實現滑鼠懸浮在日期顯示提示資訊,提示資訊用了layer外掛,提示資訊內容是新建的日程數量,效果圖如下:

    滑鼠放在17號顯示了當前日期新建了19條日程記錄,這裡需要在初始化日曆的時候,為有日程記錄的日期繫結事件,重複繫結的時候,顯示的提示資訊是不一樣的。程式碼如下:

                      myCals: function(){
				
				var usrid=document.getElementById("userIds").value;  //當前使用者
				var nowMonths=document.getElementById("nowMonth").value;  //當前月
				var nowYears=document.getElementById("nowYear").value;  //當前年
				var time=nowYears+"-"+nowMonths;    //當前時間
				$.get("/Liems/xslt/getAjaxText.jsp?&className=net.luculent.liems.l3p.portlets.mycals.Mycals&methodName=getScheduleNum&canshu="+usrid+"&time="+time,null,function(data){
					for(var i=0;i<data.num.length;i++){	
						if(data.num[i]!='0'){	
							$("#"+data.time[i]+"").css("color","red");
							$("#"+data.time[i]+"").on("mouseover mouseout",function(event){
								if(event.type == "mouseover"){
									//滑鼠懸浮
									$.get("/Liems/xslt/getAjaxText.jsp?&className=net.luculent.liems.l3p.portlets.mycals.Mycals&methodName=getScheduleNumByDay&canshu="+usrid+"&time="+event.target.id,null,function(datas){	
										var dates=$("#"+event.target.id+"");
										layer.tips('您有'+datas.num+'條日程記錄!',dates,{
											tips: [2, '#3595CC'],
											time: 4000
										});
									},"json");
								}else if(event.type == "mouseout"){
									layer.closeAll('tips'); //關閉所有的tips層    
								}
								
								
							});
						}
					}
				},"json");
			},

 
   之前一直沒有明白繫結事件後執行的方法,是在觸發的時候才執行裡面的方法,不是重複繫結事件,給它一個值

相關推薦

重複mouseovermouseout事件

滑鼠懸浮日期上顯示日程數量        我需要實現滑鼠懸浮在日期顯示提示資訊,提示資訊用了layer外掛,提示資訊內容是新建的日程數量,效果圖如下:     滑鼠放在17號顯示了當前日期新建了19條日程記錄,這裡需要在初始化日曆的時候,為有日程記錄的日期繫結事件,重複繫

javascript中mouseovermouseout事件詳解

  與 mouseenter 事件不同,不論滑鼠指標穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在滑鼠指標穿過被選元素時,才會觸發 mouseenter 事件。   與 mouseout 事件不同,只有在滑鼠指標離開被選元素時,才會觸發

js對mouseovermouseout事件處理

mouseover和mouseout事件是SPA經常用到的兩個事件,很多時候我們期望通過捕獲這兩個事件來操作目標DOM或者源DOM,但是當我們添加了事件監聽,捕獲事件控制代碼以後通過this方法或者event.target(event.srcElement)方式得到的目標D

對同一個物件多個響應事件並都執行,此例子的相容程式碼

要點: 1.因為 onclick=" "  新增的元素響應事件,先新增的事件,會被後來新增的事件層疊掉,只能執行最後一個響應的事件 所以要用到事件監聽addElementLitener()來繫結多個處理函式,而因為相容性的問題需要相容程式碼。 2.在IE8中,addE

JQuery中使用mouseover事件mouseout事件作用在同一個元素上時出現閃爍現象

前提:實現一個電影網站中的關於選定圖片出現一個新的div容器展示具體電影詳情的功能(通過使用visibility屬性隱藏一個div並顯示另一個div)操作:我把mouseover事件和mouseout事件作用到一個div容器時,整個div出現了閃爍的現象,原因:糾結了很久,才

jquery事件重複

動態的append新增的html程式碼,他所繫結的事件會失效後面找到原因:是因為這些動態載入的這些HTML頁面是在列表資料頁面的HTML元素,css,js程式碼載入完後,再新增的HTML元素,在瀏覽器解

原生JS事件onclickaddEventListener

onclick繫結方式 優點: - 簡潔 - 處理事件的this關鍵字指向當前元素 缺點: - 不能對事件捕獲或事件冒泡進行控制,只能使用事件冒泡,無法切換成事件捕獲 - 一次只能對一個元素繫結一個事件處理

事件onaddEventListener的區別

今天在敲程式碼的時候遇到的問題,剛好有空。就記了下來。 首先,我們應該知道,在繫結事件的時候有三種方法。 拿最簡單的click舉例說明下。第一種,直接在html中,使用onclick;第二種,在js程式碼中使用元素.click來呼叫;第三種就是事件元素.addEventLi

jq:mouseovermouseout多次觸發解決辦法

mouseover ren div clas 結構 tro 需要 als ldr 區別: mouseover與mouseenter   不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。   只有在鼠標指針穿過被選元素時,才會觸發 mouseenter

關於LookUpEdit資料來源取值

首先在GridControl裡在Repository中新增一個GridLookUpEdit 在設定DisPlayMember(介面顯示欄位) 然後在後臺繫結資料 List<EntityBrand> entityBrand = client.GetBrandList(); this.rep

js/jQuery將來生成的事件

HTML <button class="num1">點選生成按鈕</button> <div class="newbtn" id="newparent" style="width: 400px;height: 80px;border: 1px solid r

Windows 7下用arp命令IPMAC地址,提示“ARP 項新增失敗: 拒絕訪問”的解決方法

在Win 7版本以管理員身份執行時提示:“ARP 項新增失敗:請求的操作需要提升。”    解決辦法: CMD中輸入:netsh i  i show in  //注意兩個i之間是有空格的 然後找到“本地連線”對應的 “Idx” (我的是

jQuery的onclick直接click區別

狀況之外 在之前的公司並沒有遇到這個問題,也就沒有深究。直到自己換了現在的公司,剛來第二天就開始寫別人寫到一半的專案,很無奈,不是原生就是jquery,由於專案急,已經來不及切換框架重新佈局,只能繼續了。 狀況之中 到處都是列表,到處都是js建立的動態頁面,好吧,那我也繼續吧,突然,意外發生了

chrome瀏覽器頁面獲取返回頂部動畫事件外掛

在chrome瀏覽器下頁面載入:                   var top = $("body").scrollTop()  ;        

python3__面向物件__靜態方法 / 類方法 / 屬性方法 / 例項動態屬性方法 / 類動態屬性方法

0.普通方法 普通方法訪問類屬性:self.__class__.類屬性名稱 class Test(object): n = 123 def __init__(self, n): self.n = n def tell(self):

Swiper外掛 loop:true時引發dom的click事件無效及解決方案

現象 在使用 swiper 這個庫的時候,一旦設定 loop:true 的時候,有時會遇到 dom 繫結事件無法觸發的問題。 原因 當loop模式下slides前後會clone若干個slide,從而形成一個環路,但是卻不會複製繫結在dom上的c

WPF中PopupContextMenu類無法以常規方式資料命令,但只能通過引數PlacementTarget獲得父控制元件

比如 <Window x:Name="window"> <ItemsControl Items="{Binding BookItems}"> <ItemsControl.ItemTemplate> <DataTemplate&g

React 資料雙向 以及鍵盤onChange 事件

React 事件以及form 表單中的應用; 初步探索:         記錄程式碼手法:資料的雙向繫結: import React from 'react' import './../assets/css/common.css' const o_

利用chrome瀏覽器進行js除錯並找出元素的點選事件詳解

大家有沒有遇到這樣的一個問題,我們在分析一些大型電子商務平臺的Web前端指令碼時,想找到一個元素繫結的點選事件,並不是那麼容易,因為有些前端指令碼封裝的比較隱蔽,甚至有些加密指令碼,用傳統的查詢元素ID、或者頁面原始碼方法去找,可能最後徒勞無功。下面我來介紹利用chrome瀏覽器來查詢元素繫

Canvas實現多個圓形進度條顯示百分比,並各自的click事件

Canvas實現多個圓形進度條顯示百分比,並繫結各自的click事件 目錄 Canvas實現多個圓形進度條顯示百分比並繫結各自的click事件 目錄 實現效果 製