栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JS中的默认行为

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JS中的默认行为

默认行为

默认行为

1什么是默认行为:说白了,就是浏览器自带的功能,比如网页右键自动弹出菜单。在输出框中敲击键盘,自动输出敲击的数值,这些都是默认行为

 

document.oncontextmenu=function  oncontextmenu作用是点击右键,呼叫右键菜单的时候

2怎么阻止默认行为

    .

给这个函数弄一个返回值 false就是拒绝默认行为

 

3把默认行为拒绝掉,但是不拒绝自己设置的菜单

  

    

    

    

        #div1{

           background: red;display:none;position:absolute;width:80px;

          

        }

    

    

  

  

    

       

              

  • aaaa
  •           

  • aaaa
  •           

  • aaaa
  •           

  • aaaa
  •        

    

  

 

 

4只能输入数字的输入框例子

keydown 键盘按下  keyup键盘按下之后又松开

  

    

    

    

  

  

    

  

 

 

 

拖拽

拖拽:就是你点击一个框一直点击不松手可以跟着鼠标移动而移动

 

整体代码:

 

    

    

    

       #div1{

         background: red;

         width:100px;

         height:100px;

         position:absolute;

       }

    

    

 

 

    

 

但是在火狐浏览器下会有一个bug,你点一次拖拽没问题,第二次拖拽会有一个阴影,这是火狐浏览器的bug,只要关闭默认行为就可以了

return false;

 

但是还有一个小问题,就是有的人会把拖拽框拖到网页以外,然后就找不到了,怎么办呢。用下面代码解决

 

document.onmousemove=function(ev)这个函数改成如下:

 

document.onmousemove=function(ev)

            {

            var oEvent=ev||event;

            var l=oEvent.clientX-disX;

            var t=oEvent.clientY-disY;

            if(l<0)

            {

              l=0;

            }else if(l>document.documentElement.clientWidth-oDiv.offsetWidth)

            {

             l=document.documentElement.clientWidth-oDiv.offsetWidth

            }

            if(t<0)

            {

              t=0

            }else if(t>document.documentElement.clientHeight-oDiv.offsetHeight)

            {

             t=document.documentElement.clientHeight-oDiv.offsetHeight

            }

           

            oDiv.style.left=l+'px'

            oDiv.style.top=t+'px'

           

                                   }


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/247097.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号