禁止程序接收鼠标事件的工具_报表工具html事件--鼠标悬停出现提示信息
概述
–
提示:指啟示,提起注意或給予提醒和解釋。
在 excel 中會(huì)經(jīng)常用到給某個(gè)格子增加提醒信息,比如金額提示輸入數(shù)值或最大長(zhǎng)度值等等。設(shè)置方式也有多種,簡(jiǎn)單的,僅為單元格插入批注就可以了,也有復(fù)雜的有效性驗(yàn)證方式。下圖為批注方式:
另外,在網(wǎng)頁設(shè)計(jì)中也常??吹酵瑯庸δ?#xff0c;常見的幫助提示框(tips),鼠標(biāo)懸停在幫助圖標(biāo)上時(shí),顯示所有的幫助信息。也不難,幾行 JS 腳本的事兒。
潤(rùn)乾報(bào)表支持在 Web 發(fā)布,衣食父母?jìng)兺瑯酉Ma(chǎn)品具備鼠標(biāo)移動(dòng)到某個(gè)位置時(shí)顯示一些提示信息的功能。
潤(rùn)乾想客戶之所想,不僅支持靜態(tài)信息,也允許開發(fā)者設(shè)置動(dòng)態(tài)提示信息(一個(gè)單元格,可根據(jù)條件判斷顯示不同信息)。
今天先入個(gè)門,介紹一下靜態(tài)信息的設(shè)置方法,后續(xù)在結(jié)合合適場(chǎng)景介紹動(dòng)態(tài)提示。
Ok!開始進(jìn)入正題,潤(rùn)乾報(bào)表怎么設(shè)置靜態(tài)提示信息呢? 以“工資單”為例,多數(shù)人不清楚其中的考勤扣除怎么算,這里便可以為“考勤扣除”設(shè)置提示。
操作步驟
準(zhǔn)備工資條報(bào)表模板
準(zhǔn)備一張結(jié)果如下圖所示的網(wǎng)格式報(bào)表
模板設(shè)計(jì)如下
注意:該例子目的是為標(biāo)題字段增加提示,所以不考慮數(shù)據(jù)來源問題,第三行的數(shù)據(jù)均為固定數(shù)值。
模板中設(shè)置靜態(tài)信息提示(WEB–提示)
在模板中選中 E2,屬性區(qū)“WEB”—“提示”—“值”編輯框
預(yù)覽報(bào)表結(jié)果
提示僅在 web 端有效,所以先發(fā)布報(bào)表,瀏覽器預(yù)覽,當(dāng)鼠標(biāo)懸停在“考勤扣除”時(shí)效果如下
通過設(shè)置單元格提示,輕松做到鼠標(biāo)懸停的提醒功能。如同強(qiáng)制分頁、動(dòng)態(tài)背景色等小技巧一樣,針對(duì)這種比較常用的功能,報(bào)表工具在設(shè)計(jì)時(shí)都已考慮到。遇到類似問題依然建議查閱手冊(cè),對(duì)應(yīng)設(shè)置即可。
另外,在后續(xù)的文章中,會(huì)結(jié)合相應(yīng)場(chǎng)景介紹動(dòng)態(tài)提示信息的設(shè)置方法,敬請(qǐng)關(guān)注。。。
更多前端展現(xiàn)效果的相關(guān)問題請(qǐng)查看:前端效果相關(guān)問題分類導(dǎo)航
* web 報(bào)表輕松實(shí)現(xiàn)數(shù)據(jù)異常預(yù)警功能
* 報(bào)表實(shí)時(shí)刷新顯示時(shí)間
* 報(bào)表工具如何實(shí)現(xiàn)“點(diǎn)擊查看原圖”
* 潤(rùn)乾報(bào)表中進(jìn)度條的一種實(shí)現(xiàn)方式
* 報(bào)表怎樣實(shí)現(xiàn)滾動(dòng)的公告效果?
* HTML 事件 – 鼠標(biāo)移入高亮顯示
* 點(diǎn)擊表頭切換升降序排序方式
總結(jié)
以上是生活随笔為你收集整理的禁止程序接收鼠标事件的工具_报表工具html事件--鼠标悬停出现提示信息的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 扁桃体炎睡觉呼吸困难怎么办?
- 下一篇: leetcode最小面积_LeetCod