<input type="text" name="usr005" desc="必须输入中文!不多于10个中文字符!" />
// 修改文本框的属性
(function() {
var _inputList = document.getElementsByTagName("INPUT");
var _selectList = document.getElementsByTagName("SELECT");
var _areaList = document.getElementsByTagName("TEXTAREA");
for (var i = 0; i < _inputList.length; i++) {
var obj = _inputList[i];
// onfocus在firefox的text失效bug
obj.onmouseover = function(e) {
var _obj = this;
var desc = _obj["desc"] || _obj.getAttribute("desc");
e = e || window.event;
if(desc == undefined) {
return;
}
var _div_id = "altas_" + _obj["name"];
var desc_div = document.getElementById(_div_id);
if(!desc_div) {
desc_div = document.createElement("DIV");
desc_div.id = _div_id;
}
desc_div.style.top = e.clientY + "px";
desc_div.style.left = e.clientX + "px";
desc_div.setAttribute("class", "promote");
desc_div.innerHTML = desc;
desc_div.style.display = "block";
document.body.appendChild(desc_div);
};
obj.onmouseout = function() {
var _obj = this;
var _id = "altas_" + _obj["name"];
var _tip = document.getElementById(_id);
// 如果该text有tipbox,则隐藏该tipbox
_tip && (_tip.style.display = "none");
};
}
})();
这样做产生了很多问题,页面会有n多div,有没有名字污染的可能?
多个同名的text会有相同id的div提示框
事件绑定需要改进,需要支持一个事件上绑定多个函数
分享到:
相关推荐
鼠标滑过标签控件时,显示一个自定义形状的消息提示框,简陋的很,姑且抛砖引玉吧
winfrom自定义鼠标tip窗体,自定义winfrom 窗体
自定义文件夹栏目 自定义搜索管理器 信息条提示(Infotip) 得到BMP文件大小 DLL,EXE文件的文件导入表IAT 其他类型的外壳扩展Shell Extension插件编程
tip.html 请划过或点击下面带框的文本
VC++ 自定义浮动的 鼠标提示功能 InfoTip VC++浮动的鼠标提示功能,自定义的,从外观就可以看出来,不过美工水平有限,让大家风笑了,不过程序提供了一种实现浮动提示的思路,美工好的朋友完全可以制作出更加符合你...
纯代码编写提示窗,无UI文件。是https://blog.csdn.net/sinat_33419023/article/details/110009514 代码对应的项目文件
Tip类demo Tip类demo Tip类demo Tip类demo Tip类demo Tip类demo
jQuery多种类型自定义对话框插件jDialog源码 我找了好久都没有找到,今天突然找到了,好高兴,分享给大家,不过要大家点分噢 alter confirm iframe 只显示内容对话框 对话框配制按钮 tip方式调用(提示信息调用)
自定义winform 窗口标题栏 主要代码 public partial class ZForm : Form { private bool moving = false; private Point oldMousePosition; public new FormBorderStyle FormBorderStyle { get { return ...
Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf Optimal Tip-To-Tip Efficiency(弟高值d2f算法).pdf ...
用简单的jquery+CSS创建自定义的a标签title提示,用来代替浏览器默认行为。如图: Javascript代码 复制代码代码如下: </pre><pre name=”code” class=”javascript”>$(function() { $(“a[title]”).each...
实现不规则窗口和绘制
Android:实现Toast自定义样式(包括:自定义位置、带图片等)、自定义显示时长(包括可用系统时长、可自定义)
TIPTOP與其他系統之WebService接口資料
本文主要讲了TIP42c三极管参数及引脚图的相关知识,希望对你的学习有所帮助。
tiptop erp 系统基本资料,深圳数码的哦
tiptop程序设计
vc 编辑框显示tip,当鼠标停在编辑框上时,显示tip提示
ring and tip for voip ect ring and tip for voip ectring and tip for voip ect
TIP122 数据手册 PDF。