                        課程
                    
                        /前端開發
                        
                            /jQuery
                        
                        /jQuery基礎(三)—事件篇

這個表示什么

<!DOCTYPE?html>
<html>

<head>
????<meta?http-equiv="Content-type"?content="text/html;?charset=utf-8"?/>
????<title></title>
????<style>
????.left?div,
????.right?div?{
????????width:?100%;
????????height:?50px;
????????padding:?5px;
????????margin:?5px;
????????float:?left;
????????border:?1px?solid?#ccc;
????}
????
????.left?div?{
????????background:?#bbffaa;
????}
????
????.right?div?{
????????background:?yellow;
????}
????</style>
????<script?src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>

<body>
????<h2>on綁定多事件</h2>

????<h4>測試一</h4>
????<div?class="left">
????????點擊觸發：on('click',fn)
????????<div?id="test1"></div>
????</div>
????<script?type="text/javascript">
????//事件綁定一
????$("#test1").on('click',?function(e)?{
????????$(this).text('觸發事件：'?+?e.type)
????})
????</script>


????<h4>測試二</h4>
????<div?class="left">
????????點擊觸發：on('mousedown?mouseup')
????????<div?id="test2"></div>
????</div>
????<script?type="text/javascript">
????//多事件綁定一
????$("#test2").on('mousedown?mouseup',?function(e)?{
????????$(this).text('觸發事件：'?+?e.type)
????})
????</script>


????<h4>測試三</h4>
????<div?class="right">
????????點擊觸發：on(mousedown:fn1,mouseup:fn2)
????????<div?id="test3"></div>
????</div>
????<script?type="text/javascript">
????//多事件綁定二
????$("#test3").on({
????????mousedown:?function(e)?{
????????????$(this).text('觸發事件：'?+?e.type)
????????},
????????mouseup:?function(e)?{
????????????$(this).text('觸發事件：'?+?e.type)
????????}
????})
????</script>
</body>

</html>

$(this).text('觸發事件：' + e.type) ?這里的+ e.type表示什么意思，有什么作用