JavaScript常见事件处理方法

事件绑定
a .使用元素的onclick 属性 = 函数  (不推荐)
b. .先找到DOM节点,然后在DOM节点上安插事件处理函数(匿名函数方式)  ,这种方式比较常用,
但是不能实现一个事件执行多个函数。
c .  监听器方式
        // ele.addEventListener(type, listener,flag);
        // type 代表事件的类型  字符串  类型  'onclick'
        // listener 事件处理函数
        // flag Boolean值 默认是false 冒泡, true代表 捕获
        // addEventListener 可以对一个事件安插多个处理


以下列举一些经常使用到的事件:
onclick 鼠标点击某个对象
ondblclick 鼠标双击某个对象
onmousedown 某个鼠标按键被按下
onmouseup 某个鼠标按键被松开
onmousemove 鼠标被移动
onmouseover 鼠标被移到某元素之上
onmouseout 鼠标从某元素移开
oncontextmenu  右键菜单
onselect 文本框文本被选定。
onchange  表单域内容改变的时候
onfocus事件就是当光标落在文本框中时发生的事件。
onblur事件是光标失去焦点时发生的事件。
onsubmit    提交按钮被点击
onreset    一个表单被提交时触发的事件
onkeydown 某个键盘的键被按下
onkeypress 某个键盘的键被按下或按住
keyup 某个键盘的键被松开
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
常用javaScript事件归纳。 常用事件: 1.onclick 鼠标单击事件 通常在下列基本对象产生: button(按钮对象) checkbox(复选框)或(检查列表框) radio (单选钮) reset buttons(重要按钮) submit buttons(提交按钮) 例如可通过下列按钮激活change()文件: <Form> <Input type="button" Value="" onClick="change()"> </Form> 2.onLoad页面加载事件:当页面加载时,自动调用函数(方法)。注意:此方法只能写在<body>标签之! 3.onScroll窗口滚动事件:当页面滚动时调用函数。注意:此事件写在方法的外面,且函数名(方法名)后不加括号!例:window.onscroll=move; 4.onBlur失去焦点事件:当光标离开文本框是触发调用函数。 当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时,引发该文件,他与onFocas事件是一个对应的关系。 5.onFocus事件:光标进入文本框时触发调用函数。 当用户单击Text或textarea以及select对象时,产生该事件。 6.onChange事件:文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件,同时当在select表格项一个选项状态改变后也会引发该事件。例: <Form> <Input type="text" name="Test" value="Test" onCharge="check('this.test)"> </Form> 7.onSubmit事件:属于<form>表单元素,写在<form>表单标签内。语法:onSubmit=”return 函数名()” 8.onKeyDown事件:在输入框按下键盘上的任何一个键时,都会触发事件,调用函数。注意:此事件写在方法的外面,且函数名(方法名)后不加括号!例:document.onkeydown=函数名()。 9.setTimeout(“函数名()”,间隔时间(以毫秒为单位)); 10.clearTimeout(对象) 清除已设置的setTimeout对象 鼠标相关事件: 1.onMouseOver:鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域之内,无论怎样移动斗志触发一次函数。 2.onMouseOut:鼠标离开某对象范围时,触发事件调用函数。 3.onMouseMove: 鼠标移动到某对象范围的上方时,触发事件调用函数。注意:在同一个区域之内,只要一动一次就出发一次事件调用一次函数。 4.onmouseup 当鼠标松开 5.onmousedown 当鼠标按下键 document对象常用方法: 1.document.getElementById():通过id获得唯一的一个HTML元素,没有id时,通过name查找 2.document.getElementByName():获取相同名称的一组元素。主要用于表单的复选框 Date对象常用方法: Var a=new Date(); //创建a为一个新的时期对象 y=a.getYear(); //y的值为从对象a获取年份值 两位数年份 y1=a.getFullYear(); //获取全年份数 四位数年份 m=a.getMonth(); //获取月份值(0-11) d=a.getDate(); //获取日期值 d1=a.getDay(); //获取当前星期值 h=a.getHours(); //获取当前小时数 m1=a.getMinutes(); //获取当前分钟数 s=a.getSeconds(); //获取当前秒钟数

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值