冒泡,setinterval,背景图的div绑定事件,匿名函数问题--工作中的思考

简介:

<1>会冒泡到兄弟元素么?

$(function(){
$("#a").click(function(){alert("a")})
$("#b").click(function(){alert("b")})
$("#c1").click(function(){alert("c1")})
$("#c2").click(function(){alert("c2")})
})

 

点击c1色块弹框顺序:c1->b->a
并没有冒泡到兄弟元素c2
 
<2>setinterval的用法,传递参数问题
    解决:
    1>通用的用法
        a:不传参
            
function hui(){
                alert("每隔3秒调用一次")
            }
            setInterval()
 
           b:传参
复制代码
function hui(str){
    alert(str);
}

setInterval(hui,3000,"你好");//只有这样写才正确
如果改成:setInterval("hui",3000,"你好")//不起作用
如果改成:setInterval("hui()",3000,"你好")//起作用,弹出undefined
复制代码

 

    2>对象的方法
var onj={};
onj.ki=function (){

alert("每隔3秒弹出一次")
 }
setInterval(onj.ki,3000);

 

使用百度百科中的:
myobj=new Object();//创建一个新的对象
myobj.interval=function(){ alert("每隔1秒我就会显示一次");}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。
有问题,会报错!
应该是下面的那个调用写错了。
 

<3>给有背景图的div绑定事件,不起作用?
解决:
div的背景图是有事件被触发的
 
<4>移入移出在父div绑定的事件,里面的子div也会出发相应的事件?
解决:也是冒泡事件!
$("#a").mouseover(function(){alert("a")})
$("#b").mouseover(function(){alert("b")})
$("#c1").mouseover(function(){alert("c1")})
$("#c2").mouseover(function(){alert("c2")})

 

上面例子中移入b中触发事件,事件冒泡到a,触发a的移入事件。
直接用:return false;解决
 
<5>window.close不起作用?
 
<6>打开链接也不起作用?母版问题?
 
 <7>如果给一个div同时设定背景色与背景图会怎么样?
    解决:背景图覆盖背景色,但是背景色依旧存在
 
 
 
<8>匿名函数问题
例子:
复制代码
//第一种:可以

(function(){


a("OK");
})()

function a(str){alert(str)}

//第二种:不可以,显示:a没有定义

(function(){


function a(str){alert(str)}
})()
a("OK");

//第三种:可以

(function(){

a("OK");
function a(str){alert(str)}
})()
复制代码

 转载:http://www.cnblogs.com/zqzjs/p/4975862.html

目录
相关文章
|
8天前
|
JavaScript 前端开发
绑定事件的方法有几种?
绑定事件的方法有几种?
|
12天前
|
JavaScript 前端开发
JavaScript DOM 操作:解释一下事件冒泡(Event Bubbling)和事件捕获(Event Capturing)。
【4月更文挑战第14天】JavaScript中的事件处理包括冒泡和捕获两个阶段。事件冒泡是从根节点向目标元素逐级向上传播事件,允许在元素内部捕获外部事件。事件捕获则相反,从根节点向下到目标元素,使得外部能捕获内部事件。`addEventListener`方法用于添加事件监听器,通过`useCapture`参数切换冒泡或捕获阶段处理事件,默认为`false`(冒泡阶段)。兼容性考虑,推荐使用`addEventListener`。
13 0
|
3月前
|
JavaScript
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
jQuery事件2-第6次课-给未来的元素绑事件-事件对象-JS盒模型-附案例、任务
39 0
|
3月前
|
JavaScript 前端开发
【面试题】对JS中的事件冒泡、事件捕获、事件委托的理解
【面试题】对JS中的事件冒泡、事件捕获、事件委托的理解
|
8月前
|
人工智能 自然语言处理 JavaScript
$nextTick与原生js先渲染dom再执行函数的方式
$nextTick与原生js先渲染dom再执行函数的方式
109 0
|
11月前
|
前端开发
react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法
react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法
137 1
react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法
|
JavaScript 前端开发
学习javaScript必知必会(4)~事件、事件绑定、取消事件冒泡、事件对象
学习javaScript必知必会(4)~事件、事件绑定、取消事件冒泡、事件对象
137 0
|
JavaScript 前端开发
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
454 0
JavaScript 技术篇-js代码触发dom元素绑定事件实例演示,jquery触发元素绑定事件方法
|
Web App开发 JavaScript
原生js中的事件监听方法
好久没有使用过原生 js 中的监听方法,竟然发现有些陌生,几个方法之间的区别也有些混乱了。不过看过了API文档,又将他们之间的区别和用法理清楚了,这里进行总结。
2032 0