ตัวอย่างบทความนี้อธิบายถึงวิธีที่ JS ใช้ฟังก์ชั่นการเพิ่มที่อยู่อีเมลที่ยอดเยี่ยม แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <html>
<head>
<title> JS ใช้ฟังก์ชั่นการเพิ่มที่อยู่อีเมลที่ยอดเยี่ยม </title>
<style type = "text/css">
ul {list-style: none; มาร์จิ้น: 0; Padding: 0;}
Li {margin: 0; Padding: 0;}
#Content {Width: 100%;}
#SendMail {Float: ซ้าย; ความกว้าง: 60%;}
#FriendList {Float: ซ้าย; ความกว้าง: 30%;}
#BXADDRFLY {ตำแหน่ง: สัมบูรณ์; ความสูง: 18PX; ความกว้าง: 46px; พื้นหลัง: #EEE; ชายแดน: 1px #CCC SOLID; Display: None;}
#TBADDRTREE {WIDTH: 126PX; ลอย: ซ้าย; Padding: 5px; Border: 1px #7f9db9 Solid;}
#tbaddrtree li {width: 100%; ลอย: ซ้าย;}
#tbaddrtree a {backgroud: #fff; width: 100%; สี: #494949; การตัดสินใจข้อความ: ไม่มี; float: ซ้าย;}
#tbaddrtree A: Hover {พื้นหลัง: #e5edf6;}
</style>
<script type = "text/javascript">
var ev = {};
var flydiv = "bxaddrfly";
var inceptdiv = "sendaddress";
var addevent = "addaddress ()";
ฟังก์ชั่น OO (obj) {return (document.getElementById)? document.getElementById (obj): document.all [obj];}
ฟังก์ชั่น iSnone (str) {return str == null || str == ""? true: false}
VAR BROWSER = New Object ();
Browser.isfireFox = (Navigator.useragent.toLowerCase (). indexof ("firefox")! =-1);
if (browser.isfirefox) {extineVentObject ();}
ฟังก์ชั่น ExtendEventObject () {
window.constructor.prototype .__ definegetter __ ("เหตุการณ์" ฟังก์ชัน () {
var o = อาร์กิวเมนต์ callee.caller;
var e;
ในขณะที่ (o! = null) {
e = o.arguments [0];
if (e && (e.constructor == เหตุการณ์ || e.constructor == MouseEvent)) ส่งคืน e;
o = o.caller;
-
คืนค่า null;
-
event.prototype .__ definegetter __ ("srcelement", function () {
var node = this.target;
ในขณะที่ (node.nodeType! = 1) node = node.parentNode;
ส่งคืนโหนด;
-
-
window.onload = function () {
var addRtree = oo ('tbaddrtree');
addRtree.onMouseOver = function () {addRtree_Event (เหตุการณ์)};
addRtree.onMouseOut = function () {addRtree_Event (เหตุการณ์)};
addRtree.onclick = function () {addrtree_event (เหตุการณ์)};
-
ฟังก์ชั่น addrtree_event (e) {
var memberId, tr
var ee = e.srcelement;
if (ee.tagname == "a" && e.type == "mouseover") {ee.style.textdecoration = "ขีดเส้นใต้"}
if (ee.tagname == "a" && e.type == "mouseout") {ee.style.textdecoration = ""}
if (e.type == "คลิก" && e.srelement.tagname == "a") {
var li = ee.parentNode.parentNode;
ev.addinfo = "/" "+li.getattribute (" memberName ")+"/"</" "+li.getattribute (" อีเมล ")+"/">"
oo (flydiv) .innerhtml = li.getattribute ("memberName");
addrtree_add (e.clientx, e.clienty)
-
-
ฟังก์ชั่น addrtree_add (ex, ey) {
if (oo (flydiv) .style.display == 'none' || oo (flydiv) .style.display == '') {oo (flydiv) .style.display = 'block';}
var incepte = oo (inceptdiv);
var inceptex = incepte.offSettop;
var inceptey = incepte.offsetleft;
ในขณะที่ (incepte = incepte.offsetParent) {
inceptex += incepte.offSettop;
inceptey += incepte.offsetleft;
-
ev.flyarr = อาร์เรย์ใหม่ (เช่น EY, Inceptex, Inceptey, 10);
บิน (flydiv, addevent);
-
ฟังก์ชั่นบิน (flyobj, flyrun) {
var obj, a = ev.flyarr, x, y
ถ้า (flyobj! = null) {
if (ev.flyobj! = null) {
window.cleartimeout (ev.flytm);
ev.flyobj.style.top = -900;
-
A [5] = 0;
ev.flyobj = oo (flyobj);
ev.flyrun = flyrun;
-
obj = ev.flyobj;
if (a [4] == null) {a [4] = 1}
a [5]+= a [4] /math.sqrt (math.pow (a [2] -a [0], 2)+math.pow (a [3] -a [1], 2));
if (a [5]> 1) {
obj.style.top = -900;
eval (ev.flyrun);
ev.flyobj = null;
กลับ;
-
window.cleartimeout (ev.flytm);
x = (a [2] -a [0])*a [5]+a [0];
y = (a [3] -a [1])*a [5]+a [1];
obj.style.left = x;
obj.style.top = y;
document.body.style.overflowx = "ซ่อน";
ev.flytm = window.settimeout ("fly ()", 10)
-
ฟังก์ชั่น addaddress ()
-
var key = ev.addinfo;
if (oo (inceptdiv) .value.indexof (คีย์) ==-1)
-
oo (inceptdiv) .value+= key+",";
-
-
</script>
</head>
<body>
<div id = "เนื้อหา">
<div id = "sendmail">
<input name = "textfield" type = "text" id = "sendaddress" size = "70">
</div>
<div id = "friendlist">
<div id = "tbaddrtree">
<ul>
<li memberName = "Zhang San" email = "[email protected]"> <nobr> <a> จางซาน </a> </nbr> </li>
<li memberName = "li si" email = "[email protected]"> <nobr> <a> li si </a> </nobr> </li>
<li memberName = "wangwu" email = "[email protected]"> <nobr> <a> wangwu </a> </nobr> </li>
</ul>
</div>
<div id = "bxaddrfly"> </div>
</div>
</div>
<br />
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน