事件委托js
来源:互联网 发布:keep软件免费下载 编辑:程序博客网 时间:2024/06/09 18:24
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{
margin:10px 0px;
list-style:none;
}
</style>
</head>
<body>
<ul><li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li></ul>
</body>
<script>
document.getElementsByTagName('ul')[0].onmouseover=function(){
for(var i=0;i<this.childNodes.length;i++)
{
if(this.childNodes[i].nodeName=="LI"){
this.childNodes[i].style.background="";
}
}
if(event.srcElement.nodeName=="LI"){
event.srcElement.style.background="red"
}
}
</script>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{
margin:10px 0px;
list-style:none;
}
</style>
</head>
<body>
<ul><li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li></ul>
</body>
<script>
document.getElementsByTagName('ul')[0].onmouseover=function(){
for(var i=0;i<this.childNodes.length;i++)
{
if(this.childNodes[i].nodeName=="LI"){
this.childNodes[i].style.background="";
}
}
if(event.srcElement.nodeName=="LI"){
event.srcElement.style.background="red"
}
}
</script>
</html>
阅读全文
0 0
- JS模拟事件委托。。。
- JS事件委托
- js 事件委托
- js 事件委托
- 【javascript】js事件委托
- js中的事件委托
- js事件委托
- js中的事件委托
- js 事件委托
- js事件委托
- js事件委托
- js 事件委托
- js中的事件委托
- js事件委托
- js事件委托/代理
- js中的事件委托
- js中的事件委托
- js事件委托机制
- 自定义气泡文字背景遇到的上下边距比较宽的问题
- Ubuntu系统如何修改环境变量
- GitLab 服务器下客户端TortoiseGit配置和使用教程
- MySQL的常用SQL语句
- python自动化测试框架(一)
- 事件委托js
- 达梦(版本:V7.1.6.3_2017.8.8)在ubuntu的安装
- Nginx的负载均衡的那点事-session和文件上传下载问题
- UGUI 整理
- java EE开发之Servlet第六课:神奇的Ajax
- HTTP协议-简单认识TCP/IP协议
- 综合练习(轮播+Fragment+xlistView)
- Linux内存管理
- 新建Maven项目后jsp页面报错