重複繫結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"); },
之前一直沒有明白繫結事件後執行的方法,是在觸發的時候才執行裡面的方法,不是重複繫結事件,給它一個值
相關推薦
重複繫結mouseover和mouseout事件
滑鼠懸浮日期上顯示日程數量 我需要實現滑鼠懸浮在日期顯示提示資訊,提示資訊用了layer外掛,提示資訊內容是新建的日程數量,效果圖如下: 滑鼠放在17號顯示了當前日期新建了19條日程記錄,這裡需要在初始化日曆的時候,為有日程記錄的日期繫結事件,重複繫
javascript中mouseover和mouseout事件詳解
與 mouseenter 事件不同,不論滑鼠指標穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在滑鼠指標穿過被選元素時,才會觸發 mouseenter 事件。 與 mouseout 事件不同,只有在滑鼠指標離開被選元素時,才會觸發
js對mouseover和mouseout事件處理
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事件繫結onclick和addEventListener
onclick繫結方式 優點: - 簡潔 - 處理事件的this關鍵字指向當前元素 缺點: - 不能對事件捕獲或事件冒泡進行控制,只能使用事件冒泡,無法切換成事件捕獲 - 一次只能對一個元素繫結一個事件處理
事件繫結on和addEventListener的區別
今天在敲程式碼的時候遇到的問題,剛好有空。就記了下來。 首先,我們應該知道,在繫結事件的時候有三種方法。 拿最簡單的click舉例說明下。第一種,直接在html中,使用onclick;第二種,在js程式碼中使用元素.click來呼叫;第三種就是事件元素.addEventLi
jq:mouseover和mouseout多次觸發解決辦法
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命令繫結IP和MAC地址,提示“ARP 項新增失敗: 拒絕訪問”的解決方法
在Win 7版本以管理員身份執行時提示:“ARP 項新增失敗:請求的操作需要提升。” 解決辦法: CMD中輸入:netsh i i show in //注意兩個i之間是有空格的 然後找到“本地連線”對應的 “Idx” (我的是
jQuery的on繫結click和直接繫結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中Popup和ContextMenu類無法以常規方式繫結資料和命令,但只能通過引數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事件 目錄 實現效果 製