js中让input 控件的onblur事件只触发一次

最新推荐文章于 2024-06-29 11:18:05 发布

eclipseluo

最新推荐文章于 2024-06-29 11:18:05 发布

阅读量3k

点赞数

分类专栏： ASP.NET 文章标签： input html function button xhtml javascript

本文链接：https://blog.csdn.net/eclipseluo/article/details/4903624

版权

ASP.NET 专栏收录该内容

90 篇文章 1 订阅

订阅专栏

只让最新的input（text）控件触发onblur事件先前触发过的控件不再触发onblur 也就是说一个input控件只触发一次onblur 生成它下面的一个input

HTML CODE:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>无标题页</title> <mce:script src="JScript.js" mce_src="JScript.js" language="javascript" type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <span id="sp1"> <input id="Text1" type="text" οnblur="f(this)" /> </span> </div> </form> </body> </html>

JS CODE:

var i=2; function f(o){ var str='<div><input id="Text'+i+'" type="text" οnblur="f(this)" /></div>'; document.getElementById('sp1').insertAdjacentHTML("beforeEnd",str); o.onblur = null; i++; }

要点:

document.getElementById('sp1').insertAdjacentHTML("beforeEnd",str);

在js中创建动态控件的方法

添加html内容(insertAdjacentHTML和insertAdjacentText)
dhtml提供了两个方法来进行添加，insertAdjacentHTML和insertAdjacentText
insertAdjacentHTML方法：在指定的地方插入html标签语句。
    原型：insertAdjacentHTML(swhere,stext)
    参数：
    swhere:指定插入html标签语句的地方，有四种值可以用：
              1.beforeBegin:插入到标签开始前
              2.afterBegin:插入到标签开始标记后
              3.beforeEnd:插入到标签结束标记前
              4.afterEnd:插入到标签结束标记后
              stext:要插入的内容
      例：var sHTML="<input type=button οnclick=" +     "go2()" + " value='Click Me'><BR>"
      var sScript='<SCRIPT DEFER>'
      sScript = sScript +     'function go2(){ alert("Hello from inserted script.") }'
      sScript = sScript + '</script' + '>';
      ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
      在html正文中加入一行：
    <DIV ID="ScriptDiv"></Div>
     最终变成：
    <DIV ID="ScriptDiv">
       <input type=button οnclick=go2() value='Click Me'><BR>
       <SCRIPT DEFER>
         function go2(){alert("Hello from inserted sctipt.")}'
       </script>
     </DIV>
     insertAdjacentText方法与insertAdjacentHTML方法类似，只不过只能插入纯文本，参数相同