οnselect=“SomeJavaScriptCode”이벤트 발생시 실행할 JavaScript를 지정해야합니다.
document.selection.empty()선택시 텍스트 상자가 비어 있음을 나타냅니다.
oncopy='return false'웹 페이지에서 사용자가 선택한 콘텐츠 복사 방지
onbeforecopy='return false'onbeforecopy () : 이벤트 소스 객체에서 기본 작업이 취소됩니다.
onmouseup='document.selection.empty()'
onmouseup마우스 버튼을 놓으면 이벤트가 발생합니다.
οnmοuseup=“SomeJavaScriptCode”동일 onselect, 이벤트 발생시 실행되는 내용을 지정해야합니다.JavaScript
document.selection.empty()선택시 텍스트 상자가 비어 있음을 나타냅니다.
Native JS는 커서를 그림으로 대체하는 기능을 실현합니다.
<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>实现一张图片替换光标功能</title><style>.div{
width: 600px;height: 600px;border: 1px solid red;}</style></head><body><divclass="div"></div><script>
window.onload=function(){
var d = document.querySelector(".div")
d.onmousemove=function(){
this.style.cursor ='url(1.ico),auto';}}</script></body></html>
브라우저 기본 동작
기본 동작은 무엇입니까?
기본 동작은 등록 할 필요가 없지만 그 자체로 존재한다는 것입니다.
예를 들어 마우스 오른쪽 버튼을 클릭하면 메뉴가 자동으로 나타납니다.
예를 들어 태그를 클릭하면 클릭 이벤트를 등록 할 필요가 없습니다. 그는 혼자서 페이지로 이동합니다.
이와 같은 것은 등록하지 않고도 달성 할 수 있으며이를 기본 이벤트라고합니다.
기본 동작 방지
때로는 브라우저가 기본 이벤트를 실행하지 않기를 원합니다.
예를 들어, 클릭 이벤트를 a 태그에 바인딩합니다. 사용자를 클릭하면 링크를 직접 리디렉션하는 대신 주소가 무엇인지 알려주세요. 그런 다음 a 태그의 원래 기본 이벤트를 차단해야합니다. . 기본 이벤트를 실행합니다.
기본 이벤트를 방지하는 두 가지 방법이 있습니다.
e.preventDefault(): 비 IE 사용
e.returnValue = false : IE 사용
기본 이벤트를 차단할 때 호환되는 문구도 작성해야합니다.
var oA = document.querySelector('a')
a.addEventListener('click',function(e){
e = e || window.event
console.log(this.href)//下面这个是兼容写法
e.preventDefault ? e.preventDefault(): e.returnValue =false})
예
<!DOCTYPE html><html><head><metacharset="UTF-8"><title></title><scripttype="text/javascript">
window.onload=function(){
//抓取元素var a = document.getElementById("a");
a.onclick=function(e){
//获得事件对象var e = e || window.event;//判断浏览器if(document.all){
//阻止IE浏览器的默认行为//阻止a标签跳转和from表单的提交
e.returnValue =false;}else{
//阻止非IE浏览器的默认行为//阻止a标签跳转和from表单的提交
e.preventDefault()}}}</script></head><body><aid="a"href="http://www.baidu.com">跳转百度</a><ahref="javascript:;">阻止a标签跳转</a><ahref="javascript:viod(0);">阻止a标签跳转</a></body></html>