本文实例讲述了jquery javascript/实现点击触发事件的方法。分享给大家供大家参考,具体如下:
点击事件
原声态和jquery
% @ & lt;页面
语言=癹ava”
pageEncoding=" utf - 8 "
contentType=" text/html; charset=utf - 8”
进口=" Tool.Tool "
isELIgnored=" false "
%比;
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=" utf - 8 "/比;
& lt; title> test1
& lt;脚本src=" http://libs.baidu.com/jquery/1.9.1/jquery.min.js "祝辞& lt;/script>
& lt;/head>
& lt; body>
& lt;按钮id=把菔尽北?我是按钮& lt;/button>
& lt;脚本type=" text/javascript祝辞//onclick点击事件//方案一:原生态onclick
(函数(){
var演示=. getelementbyid(“演示”);
demo.οnclick=function () {
警报(“我是方案一”);
}
})();//方案二:jquery选择器选择演示添加时间//$(函数(){})当页面加载完成后会执行()美元包含的方法
$(函数(){
$(" #演示").click(函数(){
警报(“我是方案二”);
}）
}）//方案三:原生态事件监听//部分浏览器不支持addEventListener事件监听,所以使用的时候先判定一下浏览器是否支持
(函数(){
var演示=. getelementbyid(“演示”);
如果(window.addEventListener)
{
demo.addEventListener(“点击”,函数(){
警报(“我是方案三”);
}）
}
})();//方案四:jquery事件绑定//即能给指定元素添加点击事件,又能随时解除点击时间
$(函数(){
$(" #演示”).bind(“点击”,函数(){//使用$(" #演示”).unbind(“点击”)也可以实现同样效果
(美元).unbind(“点击”);
警报(“我是方案四”)
}）
}）//方案五:移动端支持,touchstart事件点击事件jquery//当手指触碰某个元素后触发
$(函数(){
$(" #演示”).bind (“touchstart函数(){
警报(“我是方案五”);
}）
}）//方案六:原生态版本——touchstart事件
(函数(){
. getelementbyid(“演示”).addEventListener (“touchstart函数(){
警报(“我是方案六”);
}）
})()
& lt;/script>
& lt;/body>
& lt;/html>
之前
感兴趣的朋友可以使用http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》,《jQuery常用插件及用法总结》,《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》,《jQuery常见经典特效汇总》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
