帆软报表(finereport)使用Event 事件对象 (target)修改提示框样式
生活随笔
收集整理的這篇文章主要介紹了
帆软报表(finereport)使用Event 事件对象 (target)修改提示框样式
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
target 事件屬性
Event 對象
定義和用法
target 事件屬性可返回事件的目標節(jié)點(觸發(fā)該事件的節(jié)點),如生成事件的元素、文檔或窗口。
語法
event.target定義結束事件JavaScript
JS修改內容提示框樣式-https://help.finereport.com/doc-view-2518.html
?
var oldTitle = null; $('td').bind('mouseover mouseout mousemove', function(event) { var left = event.pageX; var top = event.pageY; var ele = event.target; var title = ele.title; var type = event.originalEvent.type; if (type == 'mouseover') { oldTitle = title; ele.title = ''; console.log(title); if (title.length != 0) { var showEle = $('<div></div>', { text: title, class: 'showTitleBox' }).css({ position: 'absolute', top: top + 10, left: left, border: '1px solid #00cccc', // 邊框 borderRadius: '5px',? ? // 邊框圓角 background: "#00cccc",? ? ? ?// 背景色 fontFamily: 'SimHei',? ? ? ? // 字體 fontSize: '15px'? ? ? ? ? ? ?// 字體大小 }) showEle.appendTo('body'); } } else if (type == 'mouseout') { ele.title = oldTitle; $('.showTitleBox').remove(); } else if (type == 'mousemove') { $('.showTitleBox').css({ top: top + 10, left: left }) } })其中
border: '1px solid #00cccc', // 邊框
borderRadius: '5px',? ? ? ? ?// 邊框圓角
background: "#00cccc",? ? ? // 背景色
fontFamily: 'SimHei',? ? ? ? ? ?// 字體
fontSize: '15px'? ? ? ? ? ? ? ? ? // 字體大小
轉載于:https://www.cnblogs.com/Williamls/p/11446075.html
總結
以上是生活随笔為你收集整理的帆软报表(finereport)使用Event 事件对象 (target)修改提示框样式的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android socket 长连接_T
- 下一篇: LTE调制方式和编码速率