JavaScript 各种事件触发总结

JavaScript 事件绑定 ◆键盘鼠标◆

键盘事件: 当键盘接收到按下d起等按键时,执行 *** 作.

Resize: 当浏览器窗口或帧的大小发生变化时触发Resize事件.

鼠标 Click: 鼠标在一个对象上左键点击触发Click事件,对象包括button,document,checkbox,link,radio,submit.

MouseDown&MouseUP: 当我们按下鼠标,系统触发MouseDown事件,释放鼠标时自动触发MouseUP事件.

MouseOver&MouseOut: 鼠标指针到达一个对象之上时,触发MouseOver事件,鼠标离开时触发MouseOut事件.

OnClick: 通用事件,可以绑定到任何可以 *** 作的标签中,当事件触发后,执行对应的函数体.

Focus&Blur: 当屏幕上的光标进入对象区域内时触发focus事件,反之当光标离开时触发blur事件.

Submit: 通常和form标记配合使用,其作用是用于送出数据,用户在form中输入数据后,点击Sumbit触发自定义函数.

Submit: 通常和form标记配合使用,其作用是用于送出数据,用户在form中输入数据后,点击Sumbit触发自定义函数.

Reset: 通常情况下和form标记配合使用,其起到的作用是,当用户完成信息输入后,按下按钮自动清空已经输入的数据.

Change: 当文本区域中的鼠标指针移离该对象时,若对象内容与原来内容不同,则就会触发Change事件.

Select: 当一个文本框,文本区域对象中的文本被选中时就会触发Select事件,未被选择则不会出现提示框.

Error: 当网页因为某种原因出现错误时就会触发,在错误处理程序中可以绑定 *** 作,该标签常用与,配合.

JavaScript 对象编程

对象是编程语言中很重要的特征之一,JS是基于对象的编程语言,所以支持面向对象的所有特性,灵活使用这些对象能够实现丰富而强大的功能,下面我们首先来看如何创建一个自定义类,代码如下:

上述代码执行后会打印出姓名和年龄,但是这种写法在实例化对象时,系统会为每个对象中均保存了一个相同的print()函数,从而浪费内存,使用原型写法可以解决该问题,改进代码如下:

◆其他事件◆

打开关闭窗口: 利用window.open()打开网页,window.close()关闭打开的网页.

msg.html


    

        

            
 网页通知
                
 这是一个通知信息,您可以忽略掉
            
        
    


index.html


    
    
    

d出提示框: 点击按钮自动d出Window.alert()提示消息框.

d出选择框: Window.confirm()d出一条信息让用户确认,包括确认和取消按钮.

d出输入框: window.prompt()用于d出一个输入框,可以让用户输入一些信息.

设置单次定时器: 以下案例,实现当点击删除按钮时,屏幕提示删除成功,在5秒后自动的隐藏标签.

输入框触发事件: 当输入框中输入内容时,自动触发输入事件.

网络相关事件: 当网络断开,或者连接时自动触发的事件.

设置循环定时器: setIntercal设置定时器,clearInterval清除定时器,定时器用于周期性执行.

定时器设置按钮: 通过定时器计时默认将按钮禁止点击,等超过五秒后将按钮变为可点击状态.

动态生成超链接: 通过循环的方式动态生成超链接,并设置点击后变为红色.

绘制方框嵌套图: 每次循环并绘制方框图.

DIV显示隐藏: 默认DIV为显示状态,当我们点击按钮后自动收缩隐藏.

test

图片跟随鼠标移动: 让一张图片跟随屏幕鼠标动态调整.

显示按钮详细信息: 将鼠标放到按钮上,即可显示出按钮的详细信息.

按钮点击事件: 当用户点击按钮时,会自动将按钮的标题设置为其他值.

给图片添加描述: 当鼠标经过特定的图片时,就显示出图片的具体信息.

动态生成表格: 通过JS代码动态的生成表格,将鼠标放上后会高亮本行.

◆反调试◆

禁用F12调试键

禁用页面的ctrl功能,来禁止ctrl+S保存功能

禁用页面的ctrl功能,来禁止ctrl+C保存功能

屏蔽Ctrl+Shift+I

为右键添加自定义事件,禁用菜单右键,或者使用HTML插入代码来禁用菜单.

当通过特殊途径打开浏览器调试窗口时,会无限刷新,导致无法调试

当通过特殊途径打开F12时,会清空页面内容.

当控制台被打开时,自动清空所有内容,只保留一段话.

自动触发点击指定标签

  
触发onclick

反调试之，禁止打开F12

window.onkeydown = window.onkeyup = window.onkeypress = function (event) {
        event.preventDefault();
        window.event.returnValue = false;
}
window.oncontextmenu = function() {
    event.preventDefault();
    return false;
}

var threshold = 160; 
window.setInterval(function() {  
    if (window.outerWidth - window.innerWidth > threshold || window.outerHeight - window.innerHeight > threshold){    
        window.location.href="https://www.baidu.com";
}
},100);