-
...查看全部
-
jQuery百度库源：http://libs.baidu.com/jquery/1.9.1/jquery.js查看全部
-
function greet( event ) { alert( "Hello " + event.data.name ); //Hello 慕课网 } $( "button" ).on( "click", { name: "慕课网" }, greet );查看全部
-
事件对象Event： 只在事件发生时产生，记录相关信息；只能在事件处理函数内部调用，函数结束就销毁。 属性： <event>.target：当前触发事件的元素 <event>.currentTarget：处理事件的元素，等同于this <event>.which：鼠标和键盘的键值 <event>.type：事件类型 <event>.pageX和<event>.pageY：鼠标相对于页面的坐标 方法： <event>.preventDefault()：阻止默认行为 <event>.stopPropagation()：阻止冒泡 <event>.stopImmediatePropagation()：阻止后续事件处理程序执行及冒泡查看全部
-
blur,focus不支持事件冒泡，必须在当前元素上绑定事件，而focusin，focusout支持事件冒泡。查看全部
-
focus()在元素本身产生，focusin()在元素包含的元素中产生 blur与focusout也亦是如此查看全部
-
<h2>自定义事件trigger</h2> <div class="left"> <div><span></span><span>0</span>点击次数</div> <button>直接点击</button> <button>通过自定义点击</button> </div> <script type="text/javascript"> //点击更新次数 $("button:first").click(function(event,bottonName) { bottonName = bottonName || 'first'; update($("span:first"),$("span:last"),bottonName); }); //通过自定义事件调用，更新次数 $("button:last").click(function() { $("button:first").trigger('click','last'); }); function update(first,last,bottonName) { first.text("tt"); var n = parseInt(last.text(), 10); last.text(n + 1); } </script>查看全部
-
<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>查看全部
-
<script type="text/javascript"> //回车键或者点击提交表单 $('#target1').submit(function(e) { alert('捕获提交表达动作,不阻止页面跳转') }); //回车键或者点击提交表单,禁止浏览器默认跳转： $('#target2').submit(function() { alert('捕获提交表达动作,阻止页面跳转') return false; }); </script>查看全部
-
form元素是有默认提交表单的行为，如果通过submit处理的话，需要禁止浏览器的这个默认行为 传统的方式是调用事件对象 e.preventDefault() 来处理， jQuery中可以直接在函数中最后结尾return false即可查看全部
-
http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js查看全部
-
<script type="text/javascript"> //监听input元素中value的选中 //触发元素的select事件 $("input").select(function(e){ alert(e.target.value) }) $("#bt1").click(function(){ $("input").select(); }) //监听textarea元素中value的选中 $('textarea').select(function(e) { alert(e.target.value); }); </script>查看全部
-
select事件只能用于<input>元素与<textarea>元素查看全部
-
focus blur 和 mouseenter mouseleave相似 你点击的时候相当于只点击了文本框 文本框没事件 不触发 focusin focusout 和 mouseover mouseout相似 你在文本框内获得焦点和失去焦点的同时相当于从子到父都触发了事件；查看全部
-
<script> $(function(){ $('#btn').on("mouseover",function(){ alert("鼠标间接悬浮效果"); }) $('#btn2').on("click",function(){ $("#btn").trigger("mouseover"); }) }) </script> // trigger方法可以通过间接的方式来触发其他对应的事件查看全部
举报
0/150
提交
取消