Dom3(clientX.Y.动态注册事件.弹窗)

最新推荐文章于 2022-08-01 17:30:38 发布

天赋进行时

最新推荐文章于 2022-08-01 17:30:38 发布

阅读量304

点赞数

分类专栏： JS-Dom-Jquery

本文链接：https://blog.csdn.net/xbc1213/article/details/50555826

版权

JS-Dom-Jquery 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

clientX与clientY

这是event的两个属性,所以需要考虑兼容性问题.在测验当中,ie和谷歌均能识别,火狐无法识别event参数.
案例是一种兼容性的写法,可以参考
实例:

onload=function(){
document.getElementById('dv').onmousemove=function(){
if(arguments.length==0){//等于0为ie,谷歌
document.title=event.clientX+','+event.clientY;
}else{
document.title=arguments[0].clientX+','+arguments[0].clientY;
}
};
};

其中的div是div标签id.效果图如下:
这里写图片描述

动态改变注册事件

实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 <script type="text/javascript">
   function btnclick(){
       alert('你没变');
   }
   function cbtn(){
       document.getElementById('btn1').onclick=f2;};
       //注意f2后面不要加()
    function f2(){
        alert('你变了');}
        //注意封号
        //单双引号不影响
        //onclick 是注册按钮的注册事件
        //推荐使用单引号
 </script>
 </head>
 <body>
  <input type='button' name='name' value='按钮1' id='btn1' onclick='btnclick();'/>
  <input type='button' name='name' value='你变了吗?' id='btnc' onclick='cbtn();'/>
 </body>
</html>

弹窗选择

关键字:confirm 翻译:确认
用法:confirm(‘要显示的内容’),根据用户的选择返回bool类型.
实例:

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type='text/javascript'>
  onload=function(){
     document.getElementById('btn').onclick=function(){
         if(confirm('您真的舍得关闭我嘛')){
             alert('关闭了');}
             else{
                 alert('你还是爱我的');}
                 //这里最好先在外围加上括号
                 //另外可以不需要写上window,节约字符
                 //注册的时候要注意写上括号及封号
                 //弹窗提示确定和取消
     };
  };
  </script>
 </head>
 <body>
  <input type='button' name='name' id='btn' value='关闭' onclick='onload();'/>
 </body>
</html>