Event 事件对象（target）帆软修改提示框样式

定义和用法

target 事件属性可返回事件的目标节点（触发该事件的节点），如生成事件的元素、文档或窗口

https://www.w3school.com.cn/jsref/event_target.asp

结束事件代码

JS修改内容提示框样式-https://help.finereport.com/doc-view-2518.html

JavaScript 代码如下：

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'                  // 字体大小

Event 事件对象（target）帆软修改提示框样式相关推荐

帆软报表（finereport）使用Event 事件对象 (target)修改提示框样式
target 事件属性 Event 对象定义和用法 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素.文档或窗口. 语法 event.target 定义结束事件Jav ...
el-table单元格内容较多时隐藏，鼠标hover时显示并且显示的内容可以换行 el-table提示框样式优化
目录一.el-table内容较多时隐藏,hover时换行显示二.总结一.el-table内容较多时隐藏,hover时换行显示 1.在需要隐藏的列el-table-column中加上属性 :s ...
js中event事件对象
1. event事件概念: Event 对象代表事件的状态,当dom tree中某个事件被触发的时候,会同时自动产生一个用来描述事件所有的相关信息(比如事件在其中发生的元素.键盘按键的状态.鼠标的位 ...
js之event事件对象
...........仅对以前所学做复习记录使用......... 当一个事件发生的时候,这个事件的有关详细信息会临时保存到一个指定的地方,这个地方就是event事件对象. 每一个事件都有一个even ...
第53天：鼠标事件、event事件对象
-->鼠标事件 -->event事件对象 -->默认事件 -->键盘事件(keyCode) -->拖拽效果一.鼠标事件 onclick ---------------鼠 ...
好看的css 显示 php,HTML+CSS实现好看的三角形提示框样式
在浏览网站时,大家有没有发现网站中有各式各样新颖的提示框,那你知道这些好看的提示框怎么制作的吗?这篇文章就和大家分享一个CSS实现的好看的三角形提示框,有一定的参考价值,感兴趣的朋友可以参考一下. 想 ...
学习使用Bootstrap弹出框Popover提示框样式
学习使用Bootstrap弹出框Popover提示框样式注意事项弹出方向失去焦点隐藏禁用元素弹出提示框 data属性详解 js方法与事件方法: 事件: 注意事项 popover提示框组件依赖 ...
【js】event(事件对象)详解
1.事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元 ...
帆软复选框根据数据库值显示勾选效果
1.经过测试,帆软8.0,sql编辑框里面展示"勾选复选框"字体图标无法正常展示,不展示或者展示问号 2.解决办法步骤一.自定义字典前要修改fineReport的字符集参考:h ...
Vue ElementUI 修改消息提示框样式---messageBox 的大小
在窄屏模式下(移动端),提示框的宽度太宽,会出现显示不完全的问题. 应当如何修改 ElementUI 的样式呢? open() {this.$confirm(window.vm.$i18n.t(&qu ...

Event 事件对象（target）帆软修改提示框样式

定义和用法

Event 事件对象（target）帆软修改提示框样式相关推荐

最新文章

热门文章

Event 事件对象 （target）帆软修改提示框样式

定义和用法

Event 事件对象 （target）帆软修改提示框样式相关推荐

最新文章

热门文章

Event 事件对象（target）帆软修改提示框样式

Event 事件对象（target）帆软修改提示框样式相关推荐