GVKun编程网logo

JS脚本实现动态给标签控件添加事件的方法(js动态生成的标签怎么添加事件)

5

如果您对JS脚本实现动态给标签控件添加事件的方法和js动态生成的标签怎么添加事件感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解JS脚本实现动态给标签控件添加事件的方法的各种细节,并对js动态生

如果您对JS脚本实现动态给标签控件添加事件的方法js动态生成的标签怎么添加事件感兴趣,那么这篇文章一定是您不可错过的。我们将详细讲解JS脚本实现动态给标签控件添加事件的方法的各种细节,并对js动态生成的标签怎么添加事件进行深入的分析,此外还有关于asp.net(C#)中给控件添加客户端js事件的方法、C#中控件动态添加事件绑定的时机详解、jQuery为DOM动态追加事件的方法、jQuery为动态生成的select元素添加事件的方法的实用技巧。

本文目录一览:

JS脚本实现动态给标签控件添加事件的方法(js动态生成的标签怎么添加事件)

JS脚本实现动态给标签控件添加事件的方法(js动态生成的标签怎么添加事件)

本文实例讲述了JS脚本实现动态给标签控件添加事件的方法。分享给大家供大家参考,具体如下:

rush:js;"> 添加 //obj.setAttribute('onfocus',add); //会替代原有事件方法 //obj.onfocus=add; //等效obj.setAttribute('onfocus',add); if(window.addEventListener) { //其它浏览器的事件代码: Mozilla,netscape,Firefox //添加的事件的顺序即执行顺序 //注意用addEventListener 添加带on的事件,不用加on obj.addEventListener('focus',add,false); } else { //IE 的事件代码 在原先事件上添加 add 方法 obj.attachEvent('onfocus',add); } } function add(){alert("已经成功添加事件");}

PS:代码排版貌似不太尽如人意,这里小编给大家推荐几款代码格式化工具,相信在以后的编程开发中能够用得到:

C语言风格/HTML/CSS/json代码格式化美化工具:

在线JavaScript代码美化、格式化工具:

JavaScript代码美化/压缩/格式化/加密工具:

在线JSON代码检验、检验、美化、格式化工具:

json代码在线格式化/美化/压缩/编辑/转换工具:

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

asp.net(C#)中给控件添加客户端js事件的方法

asp.net(C#)中给控件添加客户端js事件的方法

放在服务器端,也可以用ajax来实现,不刷页面。但我觉得有更直接更简单方法,用一个js事件是可以实现的。
  但,DropDownList不偈Button等控件提供了一些像"OnClientClick"前台事件,只有服务端事件。
  想到,所有C#页面代码,最终都是生成HTML,js事件也是最终运在浏览器中,以Html为基础的。服务端控件最终生成的HTML控件有什么js事件,我们应该就能在aspx中给它添加相应的事件。
DropDownList 生成的Htm是元素<Select>是有onchange事件的,所以我们也是可以给DropDownList添加onchange()事件,我们通常用的方法,在后台文件的Page_Load 事件中,给id为ddlExamType的DropDownList 添加onchange()事件:
ddlExamType.Attributes.Add("onchange","SelecteChanged('"+this.ddlExamType.ClientID"')");
前台定义的js 函数:SelecteChanged()
复制代码 代码如下:

<script language="javascript">
function selectChange(objID) {
var ddlExamType = document.getElementById(objID);
if (bool) {
……
}
else {
……
}
}
</script>

  总结: C#的服务端控件,生成html时对应控件有什么js事件,我们都能通过对控件 Attributes.Add()添加。

C#中控件动态添加事件绑定的时机详解

C#中控件动态添加事件绑定的时机详解

前言

最近遇到个小问题,要为几十个文本框添加相同的失去焦点事件,常规的办法是在VS的事件管理器里面添加,但那样太繁琐了,几十个文本框,要加几十遍,这行不通。

于是想到动态绑定,第一次尝试如下:

foreach(TextBox tbx in tbxs){ 
  tbx.Leave += new EventHandler(tbxN_Leave); 
} 
 
public void tbxN_Leave(object sender,EventArgs e) 
{ 
 MessageBox.Show("Leave"); 
} 

但是没有效果。怎么回事呢?网上都是这么写的啊...

实现方法

再查,是不是绑定语句的位置问题?仔细看了看,我把绑定的语句写在了FormMain_Load方法中,于是换个思路,把绑定语句写到构造方法中:

public FormMain() 
{ 
  InitializeComponent(); 
 
  //... 
  //绑定随时保存倒计时信息的事件 
  foreach (TextBox tbx in tbxs) 
  { 
   tbx.Leave += new EventHandler(tbxN_Leave); 
  } 
} 

绑定成功,问题解决!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程小技巧的支持。

jQuery为DOM动态追加事件的方法

jQuery为DOM动态追加事件的方法

处理一个列表绑定,因为是一个展示项目,没有使用复杂的插件,直接jsrender写了个模板,但是后面有一个操作按钮,去查看数据详情,想到了jquery使用on进行事件委托,然后就开搞

最初是这样写的:

rush:js;"> $(".btn-open").on("click",function () { alert($(this).text()); })

当然这样是不起作用的,因为在document reday后,.btn-open 这个元素根本还不存在呢,列表没绑定,事件当然也帮不上的!

然后是这样的:

rush:js;"> $(".table").on("click",".btn-open",function () { alert($(this).text()); })

代码可以看得明白,找到.table 元素,给.btn-open 追加 click事件。一般来说这样就可以了。但是依然不行,我勒个去,我开始怀疑自己的记忆了。然后去找了下文档。

文档说:

事件处理只能绑定在当前被选中的元素上;而且,在您的代码调用.on()的时候,他们必须在页面文档中已经存在。

好吧,在document ready时,.table确实不存在,所以 还要继续改

rush:js;"> $(document).on("click",function () { alert($(this).text()); })

终于可以工作了。

总结:

1.jQuery委托事件与直接绑定事件的区别:

$(“X”).on(“click”,function(){})

$(“X”).on(“click”,”选择X的子元素”,function(){})

2.事件处理只能绑定到当前存在的元素身上,也就是第一个选择器中的内容必须当前存在(这也是为什么第二段代码不起作用的原因,因为.table不存在),所以保险起见,可以直接绑定委托事件到document上。

以前一直没有仔细的阅读文档,对这一块模棱两可,今天弄清楚并记录下来。

以上这篇jQuery为DOM动态追加事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小编。

jQuery为动态生成的select元素添加事件的方法

jQuery为动态生成的select元素添加事件的方法

项目中需要在点击按钮时动态生成select元素,为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码

1、首先定义全局js变量

var strVoucherGroupSelect ="";

2、在js中写好获取服务端数据的代码

rush:js;"> function genVoucherGroupSelect(rowID){ return $(strVoucherGroupSelect).attr("id","sl_" + rowID).parent().html(); //返回增加ID后的下拉框完整html } function getVoucherGroupData(){ $.ajax({ type: "Post",url: "/BillWeb/OrgVoucher/GetVoucherGroup",dataType: "json",data: "",cache: true,success: function(res) { var str = $(""); var option = ""; for(var j =0;j < res.length; j++) { option += "

3 在页面中编写初始化代码

rush:js;"> $().ready(function(){ getVoucherGroupData(); });

4 需要动态增加select的时候,可以这样写

rush:js;"> $("#divID").append(genVoucherGroupSelect(rowID) );

5 给select增加点击事件,在第四步后增加

rush:js;"> $("#sl_0" + rowID).bind("change",function(){ alert("你点击了下拉框"); })

以上这篇jQuery为动态生成的select元素添加事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小编。

我们今天的关于JS脚本实现动态给标签控件添加事件的方法js动态生成的标签怎么添加事件的分享已经告一段落,感谢您的关注,如果您想了解更多关于asp.net(C#)中给控件添加客户端js事件的方法、C#中控件动态添加事件绑定的时机详解、jQuery为DOM动态追加事件的方法、jQuery为动态生成的select元素添加事件的方法的相关信息,请在本站查询。

本文标签: