on()的多事件绑定
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>
<style type="text/css">#test1,#test2,#test3{width: 200px;height: 50px;background-color: pink;}</style>
</head>
<body>
<h2>on绑定多事件</h2>
<p>点击触发：on('click',fn)
<div id="test1"></div>
</p>
<script type="text/javascript">
//事件绑定一
$("#test1").on('click', function(e) {
$(this).text('触发事件：' + e.type)
})
</script>
<p>
点击触发：on('mousedown mouseup')
<div id="test2"></div>
</p>
<script type="text/javascript">
//多事件绑定一
$("#test2").on('mousedown mouseup', function(e) {
$(this).text('触发事件：' + e.type)
})
</script>
<p>
点击触发：on(mousedown:fn1,mouseup:fn2)
<div id="test3"></div>
</p>
<script type="text/javascript">
//多事件绑定二
$("#test3").on({
mousedown: function(e) {
$(this).text('触发事件：' + e.type)
},
mouseup: function(e) {
$(this).text('触发事件：' + e.type)
}
})
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<hea
