javascript 点击触发事件
2017-08-03 15:57
399 查看
点击事件
原声态 和 jquery
原声态 和 jquery
<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=utf-8" import="Tool.Tool" isELIgnored="false" %> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>test1</title> <script type="text/javascript" src="<%=Tool.targetUrl(request,"Resource/js/jquery-1.9.1.min.js") %>"></script> </head> <body> <button id="demo">我是按钮</button> <script type="text/javascript"> //onclick点击事件 //方案一 : 原生态onclick (function(){ var demo = document.getElementById("demo"); demo.onclick=function(){ alert("我是方案一"); } })(); //方案二 : jquery 选择器选择demo 添加时间 //$(function(){}) 当页面加载完成后会执行$()包含的方法 $(function(){ $("#demo").click(function(){ alert("我是方案二"); }) }) //方案三 : 原生态事件监听 //部分浏览器不支持addEventListener 事件监听,所以使用的时候先判定一下浏览器是否支持 (function(){ var demo = document.getElementById("demo"); if(window.addEventListener) { demo.addEventListener("click",function(){ alert("我是方案三"); }) } })(); //方案四 : jquery 事件绑定 // 即能给指定元素添加点击事件,又能随时解除点击时间 $(function(){ $("#demo").bind("click",function(){ //使用$("#demo").unbind("click") 也可以实现同样效果 $(this).unbind("click"); alert("我是方案四") }) }) //方案五 : 移动端支持 - touchstart 事件点击事件 jquery //当手指触碰某个元素后触发 $(function(){ $("#demo").bind("touchstart",function(){ alert("我是方案五"); }) }) //方案六 : 原生态版本 - touchstart 事件 (function(){ document.getElementById("demo").addEventListener("touchstart",function(){ alert("我是方案六"); }) })() </script> </body> </html>
相关文章推荐
- jquery+javascript触发a标签的点击事件
- JavaScript点击事件-一个按钮触发另一个按钮
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- jquery+javascript触发a标签的点击事件
- 解决JavaScript拖动时触发点击事件的BUG
- JavaScript点击事件/一个按钮触发另一个按钮
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移动事件,javaScript事件使用小全
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- javascript事件列表大全解说,点击事件,双击事件,触发事件,键盘事件,鼠标移...
- javascript的奇怪的问题,鼠标点击偶数次触发事件,单数次不触发事件
- JavaScript鼠标点击事件
- 代码触发两个按钮相同的点击事件方法
- jquery实现点击某元素之外触发事件
- javascript 学习 右键点击事件 不要浏览器的右键工具栏
- 解决/阻止 div层内的div层点击事件冒泡触发的小方法
- javascript 中状态改变触发事件
- 点击事件问题(点一个触发多个)
- javascript,jquery动态添加dom元素,并设定css属性,点击事件