为了账号安全,请及时绑定邮箱和手机立即绑定
上面大部分的方法都只是监听事件,设置反应动作,并不是触发事件;当然我们也能主动触发事件
冒泡:子元素触发事件(不论有无绑定事件监听器)(进入子元素是一个事件,离开子元素进入父元素是另一个事件)
处理方式:父元素的mouseover监听器会捕捉响应;父元素的mouseenter监听器并不会
经过我的细致测试,发现当你出现中文输入法时,此时,你输入数字按键是无法显示的,只有再按空格才会显示,这就是中文无法显示的意思
$("a").trigger("click");//a标签并没有设置后点击事件,所以冒泡往父级查找,到了accident发现了点击事件,触发div的点击事件,这就是冒泡。
$("input").trigger("focus");//a标签冒泡引发的div点击事件触发完成后,input触发聚焦,所以会看到最后鼠标光标是在输入框里的。
trigger()会冒泡, 当左边按钮点击后触发$("a").trigger("click")---a点击事件(自定义事件,我们没有点击a,只点击了按钮),a点击后冒泡到拥有click事件的祖先元素, 于是#accident的click事件执行,alert出"trigger触发的事件会在 DOM 树中向上冒泡"这句话,弹框关闭后$("input").trigger("focus")会让input的光标聚集--即focus事件.

3,triggerHandler()不会冒泡,且不会触发浏览器的默认行为,所以右边按钮点击后1, 不会alert出弹框;2, input不会focus;
键盘down并up了,才会把文字输进文本框,所以keydown事件不能捕获当前down的键位对应文字
keydown事件触发在文字还没敲进文本框,但是keydown事件已经开始,这时如果在keydown事件中输出文本框中的文本,得到的是触发键盘事件前的文本,而keyup事件触发时整个键盘事件的操作已经完成,获得的是触发键盘事件后的文本
要跳转到某个网页,在action属性里面添加网址就好了。。
<form id="target2" action="https://www.baidu.com">
比如这样子,它就可以跳转到报读首页了。
DIV直接使用“focus”和“blur”两个方法是无效的,需添加tabindex="0"或者contenteditable="true"属性。
设置div为可编辑状态,则可点击获取焦点,同时div的内容也是可以编辑的;如:
<div contenteditable="true">11111111111111</div>
设置div的tabindex,此时div的内容是不可编辑的;如:
<div tabindex="0">11111111111111</div>

PS:设置tabindex属性,按键盘Tab键可让其获取焦点,其中tabindex的值越小在tab键切换的时候就会首先聚焦。
当一个元素绑定focusin()后,自身或者其内部任何一个元素获得焦点的时候,就会触发focusin()事件;
focus()只能在自身获得焦点的时候,才会触发focus()事件。

已采纳回答 / Carl丶G
函数调用啊。。。你要是觉得这么写很难看明白很难理解的话   可以这样写function a() {    $("input:last").focusout('慕课网', function(e){        $(this).val(e.data)    })}                    a();<...code...>
后面的改为这样子就清晰多了。。

$(&quot;input:last&quot;).focusin(&#039;慕课网&#039;, function (e) {
$(this).val(e.data)
})
鼠标进入mouseover() 元素的子元素时,即使子元素绑定触发mouseover事件,也会使得父元素触发mouseover事件。
&lt;h2&gt;mous&lt;span&gt;&lt;/span&gt;&lt;/h2&gt;


var x=0;
$(&#039;h2&#039;).mouseover(function(e) {

$(&#039;span&#039;).text(x+=1);
alert(&#039;触发h2元素绑定的mouseover&#039;);
})
$(&quot;button:eq(0)&quot;).click(function(e) {
$(&#039;h2&#039;).mouseover() //指定触发绑定的事件
})
&lt;/script&gt;
双击事件应该是 dblclick(),教程里的少了个 l …
focus和blur不支持冒泡(无反应),focusin和focusout支持冒泡。
建议更改focusin和focusout中的一行代码,这样方便比较。
$(&quot;.aaron&quot;).focus(function() {
$(this).css(&#039;border&#039;, &#039;2px solid red&#039;)
})
$(&quot;.aaron1&quot;).focusin(function() {
//这行代码建议改成这样,方便比较
$(this).css(&#039;border&#039;, &#039;2px solid red&#039;)
})
结果为,focus和blur没反应,focusin和focusout父元素出现了边框。
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消