简例
- 格式:ppt
- 大小:41.50 KB
- 文档页数:14


e.target与事件委托简例target定义: target 事件属性可返回事件的⽬标节点(触发该事件的节点),如⽣成事件的元素、⽂档或窗⼝。
语法: event.target event.target.nodeName //获取事件触发元素标签name(li,p...) event.target.id //获取事件触发元素id event.target.className //获取事件触发元素classname event.target.innerHTML //获取事件触发元素的内容(li) 等。
jquery:this 与 e.target区别 this会冒泡。
e.target不冒泡就是指向事件触发的dom。
事件委托:原⽣js 事件委托就是事件⽬标⾃⾝不处理事件,⽽是把处理任务委托给其⽗元素或者祖先元素,甚⾄根元素(document)。
使⽤事件委托时,如果⽬标元素上的其他事件处理程序使⽤.stopPropagation()阻⽌了事件传播,那么事件委托就会失效。
事件委托简单例⼦: 给ul添加监听click事件,利⽤冒泡机制具体捕获是ul下的哪⼀个li触发的click事件HTML1<ul id="ul">2<li id="li-1">1</li>3<li id="li-2">2</li>4<li id="li-3">3</li>5<li id="li-4">4</li>6<li id="li-5">5</li>7</ul>JS1// 给ul添加监听器2 document.getElementById("ul").addEventListener("click",function(e) {3// e.target是被点击的元素!4// 筛选触发事件的⼦元素如果是li执⾏的事件5if(e.target && e.target.nodeName == "LI") {6// 获取到具体事件触发的li,输出其id7 console.log("List item ",e.target.id.replace("post-")," was clicked!");8 }9 });jQuery(1.7版本起,on()代替live(),bind(),delegate()⽅法)的on()⽅法,也是事件委托 on() ⽅法在被选元素及⼦元素上添加⼀个或多个事件处理程序。
讲座主持人开场白2个简例讲座主持人开场白2个简例讲座主持人开场白(一)尊敬的各位领导,各位同仁们,大家上午好:我们做教育工作的,在座的自然有不少疑问,如何做学问,如何做人,如何做事,如何把三者结合起来,共融共生,成就完美人生?大学教授**主任近年来积极倡导并努力践行“老老实实做人、勤勤恳恳做事、认认真真做学问”的做人标准和做事、做学问的要求,我们相信,**主任的讲座,一定会拨开我们心头的疑云,让我们更加明朗地大步前行!闲言少叙,下面,我们就以热烈的掌声欢迎张主任为我们做精彩讲座!时间飞快,就这么不经意地过去了,我相信大家都还意犹未尽呢。
刚才秦主任用富有哲理的寓言,发人深省的故事,鲜活生动的案例,深入浅出的为我们诠释了做人、做事、做学问的真谛,这激-情澎湃,诗意盎然,字字珠玑的演讲,让我们如沐春风,犹如醍醐贯顶,豁然开朗啊!让我们以热烈的掌声感谢张主任真挚教诲!我相信,我们在场的每一位老师听了讲座后,不仅仅是豁然开朗,更会紧跟秦主任的身后,努力去践行“老老实实做人、勤勤恳恳做事、认认真真做学问”,追寻终极目标,实现自己的人生价值!讲座主持人开场白(二)尊敬的各位领导、各位师长,各位来宾,现场的观众朋友们:大家早上好!欢迎各位参加xx市“涵养女德幸福人生”公益讲座。
我是***,来自《孝行天下》栏目组,这三天的讲座将由我来为大家主持,能够参加这样的盛会我感到非常的荣兴。
本次“涵养女德幸福人生”公益讲座的举办,是希望通过嘉宾老师的精彩汇报,让更多的`人了解中华传统文化,让更多的家庭获得幸福,让我们的社会真正实现和谐。
“弘扬中华民族优秀传统文化,是一件具有深远历史意义的大事”,本次公益讲座的举办,也必将成为我市的一件文化盛事,我们热忱欢迎各位领导、企业家代表和社会各界人士共同参与,并对讲座的举办提出更好的建议,为我市的经济大发展、文化大繁荣贡献力量。
大家请坐!。