两个JS小功能,鼠标经过标签时实现悬浮层提示,点击可复制文字。
比较简单,直接看代码了。O(∩_∩)O~
小记以备忘。
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="oscar999">
</HEAD>
<BODY>
<script>
function returnMain()
{
window.returnValue = "====return from sub====";
window.close();
}
function copy1()
{
var btn1 = document.getElementById('button1');
//复制文字内容
window.clipboardData.setData("Text",btn1.value);
alert("复制成功!");
}
function copy2()
{
var btn2 = document.getElementById('button2');
//复制文字内容
window.clipboardData.setData("Text",btn2.value);
alert("复制成功!");
}
function overShow() {
var showDiv = document.getElementById('showDiv');
showDiv.style.left = event.clientX;
showDiv.style.top = event.clientY;
showDiv.style.display = 'block';
showDiv.innerHTML = '点击复制文字';
}
function outHide() {
var showDiv = document.getElementById('showDiv');
showDiv.style.display = 'none';
showDiv.innerHTML = '';
}
</script>
<!--方法一:用title显示浮层-->
<input id = 'button1' type="button" name="copycontent" onClick="copy1()" title="点击复制文字" value="点击复制文字内容1">
<br>
<br>
<!--方法二:自定义浮层-->
<input id = 'button2' type="button" name="copycontent" onClick="copy2()" οnmοuseοver="overShow()" οnmοuseοut="outHide()" value="点击复制文字内容2">
<div id="showDiv" style="position: absolute; background-color: white; border: 1px solid black;"></div>
</BODY>
</HTML>