6.移动端事件--阻止冒泡
阻止页面上的文字被选中
阻止页面上的系统菜单
38.52
隐患
1.页面上的滚动条失效
<html lang="en">
<head>
<meta name ="viewport" content="width=device-width,user-scalable=no" charset="UTF-8">
<title>Documenttitle>
<style>
#box1{
width: 100px;
height: 100px;
background:pink;
}
style>
<script>
//阻止文字被选中
document.addEventListener("touchstart",function(e){
e.preventDefault();
})
/*
e.preventDefault();阻止默认事件
阻止掉: document touchstart 的默认事件,可以解决以下问题:
1.阻止页面上的文字被选中--->可以通过阻止冒泡使某个元素上的文字可以被选中
2.阻止页面上的系统菜单
隐患 :
1.页面上的所有滚动条失效(并没有失效)
*/
window.onload = function(){
var box = document.querySelector("#box1");
var edg = document.querySelector(".edg");
// box.style.background = "blue";
edg.addEventListener("touchstart",function(e){
e.stopPropagation();
}),false
}
script>
head>
<body>
<div class = "edg">EDG凉了,scout的妖姬凉了!div>
<div id="box1">
龙珠,WE,RNG小组第一出线,哈哈哈!
div>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
龙珠,WE,RNG小组第一出线,哈哈哈!<br>
body>
html>