关于点击事件的触发器具体使用方法
来源:互联网 发布:linux test -e 编辑:程序博客网 时间:2024/06/05 02:09
触发器就是在点击某个标签的时候,触发的一个事件,当然在angular2.0版本中也是可以使用触发器的,就是提前给他定义一个函数,然后再页面才加载的时候,就会加载这个函数,如果不在angular2.0版本,就可以具体情况具体分析
这是在angular里面的HTML代码:
change(){
var dl =document.getElementById("item");
var dd=dl.getElementsByTagName("a");
var eventOne=function (this) {
for( var i=0;i<dd.length;i++)
{
var a=dd[i];
a.style.color="#fff";
}
this.style.color="#f5bc34";
}
var eventTwo=function (this) {
dd[1].style.color="#f5bc34";
this.style.color="#f5bc34";
}
for( var i=0;i<dd.length;i++)
{
if(i==1){
dd[1].removeEventListener("click",eventOne);
}else if(1<i<5) {
dd[i].addEventListener("click",eventTwo);
}else{
dd[i].addEventListener("click",eventOne);
}
}
}
不是在angular中的代码: var dl =document.getElementById("item");
var dd=dl.getElementsByTagName("a");
var eventOne=function (this) {
for( var i=0;i<dd.length;i++)
{
var a=dd[i];
a.style.color="#fff";
}
this.style.color="#f5bc34";
}
var eventTwo=function (this) {
dd[1].style.color="#f5bc34";
this.style.color="#f5bc34";
}
for( var i=0;i<dd.length;i++)
{
if(i==1){
dd[1].removeEventListener("click",eventOne);
}else if(1<i<5) {
dd[i].addEventListener("click",eventTwo);
}else{
dd[i].addEventListener("click",eventOne);
}
}
0 0
- 关于点击事件的触发器具体使用方法
- 关于fstream的具体使用方法
- 关于手势的点击事件
- 关于点击事件的分析
- 关于Java的String.split方法的具体使用方法
- thickbox的具体使用方法
- Criteria 的具体使用方法
- safearray 的具体使用方法
- RegisterHotKey的具体使用方法
- TortoiseSVN的具体使用方法
- CardView的具体使用方法
- 反射的具体使用方法
- sass的具体使用方法
- phylip的具体使用方法
- inout的具体使用方法
- 关于ListView的点击事件的触发
- 关于ViewPager的点击事件的处理
- Android关于点击事件的特别处理
- kubernetes1.4 基础篇:Learn Kubernetes 1.4 by 6 steps(1):概要
- 多线程编程
- 【14.94%】【codeforces 611E】New Year and Three Musketeers
- Hello world !
- Python 两个图形小程序
- 关于点击事件的触发器具体使用方法
- noip2012同余方程 (拓展欧几里得)
- 吐槽一下CSDN的OpenAPI
- 联合权值
- easyui 1.5+spring mvc +mybatis实例代码
- C++学习笔记(三) linux的基本使用和linux C —参考慕课网
- make和makefile以及程序的编译和链接过程
- 勾股定理一日一证连载150
- 欧拉函数