js点击事件

Html

Css

#die {
	width:400px;
	height:400px;
	background:pink
}
#son {
	width:100px;
	height:100px;
	background:orange
}

/*
                事件
                    
                    文档事件
                        onload  onunload   onbeforeunload
                    图片事件
                        onload      onabort
                    鼠标事件
                        onclick ondblclick onmousedown  onmouseup  onmousemove
                          onmouseout
                        onmouseenter onmouseleave
                    键盘事件
                        onkeypress  onkeydown   onkeyup
                    表单事件
                        onblur     onselect    onchange    onsubmit   onreset
                    其它事件
                        oncontextmenu   onscroll    onresize

需要在事件对象中获取的内容
                        鼠标
                            e.clientX
                            e.clientY
                            
                        键盘编码(onkeydown 事件检测)
                            e.keyCode
 */

var die = document.getElementById('die');
var son = document.getElementById('son');

die.onclick = function() {
    alert('点击了大的');
}

son.onclick = function(e) {
    var e = e || event;

alert('点击了小的');

//阻止事件冒泡
    //e.stopPropagation();
    // IE 支持   其它浏览器也兼容  我们以后用这种方式阻止事件冒泡就可以了
    e.cancelBubble = true;
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

js点击事件



代码描述：点击弹出提示

注释中汇总了所有事件方法 , ie支持支持所有浏览器

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

未离开。

相关代码

js点击事件

最新