javascript/jqueryはクリックトリガイベントの方法分析を実現します。
3567 ワード
本論文の実例は、javascript/jqueryがクリックトリガーイベントを実現する方法を述べている。皆さんに参考にしてあげます。具体的には以下の通りです。
イベントをクリック
オリジナルサウンドとjquery
jQuery関連の内容について興味がある読者は、当駅のテーマを調べてもいいです。「jQueryよくある事件の使い方とテクニックをまとめました。」、「jQuery常用プラグインと使い方のまとめ」、「jQuery操作jsonデータ技術まとめ」、「jQuery拡張テクニックのまとめ」、「jQueryよくある経典効果のまとめ」および「jqueryセレクタの使い方のまとめ」
ここで述べたように、皆さんの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 src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<button id="demo"> </button>
<script type="text/javascript">
//onclick
// : onclick
(function(){
var demo = document.getElementById("demo");
demo.οnclick=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>
関心のある友達はオンラインHTML/CSS/JavaScriptコード実行ツールhttp://tools.jb51.net/code/HtmlJsRunを使って上記コードの実行効果をテストすることができます。jQuery関連の内容について興味がある読者は、当駅のテーマを調べてもいいです。「jQueryよくある事件の使い方とテクニックをまとめました。」、「jQuery常用プラグインと使い方のまとめ」、「jQuery操作jsonデータ技術まとめ」、「jQuery拡張テクニックのまとめ」、「jQueryよくある経典効果のまとめ」および「jqueryセレクタの使い方のまとめ」
ここで述べたように、皆さんのjQueryプログラムの設計に役に立ちます。