jquery是怎样监听到事件的?

author author     2023-04-23     486

关键词:

<select id="choice" onchange="test()">
<optionvalue="">select</option>
<optionvalue="good">Good Guys</option>
<optionvalue="bad">Bad Guys</option>
</select>

<script type="text/javascript">
$('select').change(function ()
alert('test1');
);
function test()
alert('test');

</script>

比如说:用JavaScript来做的话,需要在控件上写上onchange事件,由用户点击select控件,由html触发js,这好理解;可是用jQuery来做的话,是怎样执行的change事件呢,是怎样触发的jQuery呢?
如上:js先执行,jQuery后执行,这是怎么回事呢?

1,首先JQuery的执行时间,是在文档的DOM加载完成后执行。
2,jquery把事件和DOM绑定。然后当有事件发生的时候,就会调用合适的处理函数。
3,如果你真的想了解浏览器问什么执行这些时间的话,你可以去试着去了解W3CDOM标准。
参考技术A 给你举个例子
文档必须先引用jquery包
<script>
$(document).ready(function()
$("#click").click(function()
alert("你点击了click")
)
)
</script>

<div id=click>
click
</div>

用户点击id为click的容器,触发事件,弹出“你点击了click”追问

“用户点击id为click的容器,触发事件”,你那只是个id,你怎么能告知jQuery呢,浏览器怎么知道执行相应的jQuery代码呢?

追答

$("#click").click(function()
#click表示查找id为click的容器,不管这个容器是div或者span或者html的其他任何元素,只要id为click的都会被查出来,然后执行点击事件,如果执行鼠标经过事件那么就应该修改为
$("#click").hover(function()

明白?

nio学习(代码片段)

...CEPT事件,需要客户端发起连接请求,服务端selector才能监听到(阻塞在selector.select()才能继续执行)(2)服务端获取客户端SocketChannel,注册读事件后,只有客户端写事件,服务端selector才能监听到(阻塞在selector.select()才能继续... 查看详情

oninput事件(解决onkeyup无法监听到复制黏贴)

onkeyup无法监听到复制黏贴导致的内容变化,可以使用oninput事件注:IE下用onpropertychange<textareang-keydown="addReason(event)"oninput="angular.element(this).scope().addReason(event)"onproperty="angular.element(this).scope().ad 查看详情

父组件可以监听到子组件的生命周期吗?

参考技术A比如有父组件Parent和子组件Child,如果父组件监听到子组件挂载mounted就做一些逻辑处理,可以通过以下写法实现:以上需要手动通过$emit触发父组件的事件,更简单的方式可以在父组件引用子组件时通过@hook来监听即可... 查看详情

解决当activity弹窗后,无法监听到onkeyup()和onkeydown()按键事件(代码片段)

守护公主的永远是骑士,而公主选择的永远是王子。—广州·14℃·阴天·天暗下来,你就是阳光~问题监听音量+按键事件,但由于Dialog显示时,监听失败:解决后:有两种方式轻松解决上面的问题,... 查看详情

js怎么监听到页面关闭或页面跳转事件

js怎么监听到页面关闭或页面跳转事件,以下介绍方法://在页面关闭或者跳转的时候调用 window.onbeforeunload=function(e)     returne.returnValue='确认关闭?';        window.onunload=function... 查看详情

ctk-事件监听(代码片段)

...插件事件、服务事件。但是这些事件只有再变化时才能监听到,如果已经变化过后,进入一个稳定的状态,这时才去监听,那么是无法监听到的。1、监听接口主要是ctkPluginContext提供的三个函数:      2、如... 查看详情

怎样使用jface中的treeviewer添加一个新的节点并反映到模型当中

通过添加事件监听到TreeViewer就行了。如:treeViewer.addOpenListener(newIOpenListener()@Overridepublicvoidopen(OpenEventarg0)System.out.println("open="+arg0););比如说,添加这个open的事件监听,那么你打开节点,就会执行这段代码。还有很多其它监听器。... 查看详情

为啥props里面的值不能监听到

参考技术AReact的props吗?props不是处于观察状态的,自然是监听不到的,不过你可以在componentWillReceiveProps中可以监听到props的变化的。 查看详情

layerui中如何点击表格行让复选选中并可以监听到复选框选中这个事件。

$(document).on("click",".layui-table-bodytable.layui-tabletbodytr",function()varobj=event?event.target:event.srcElement;vartag=obj.tagName;varcheckbox=$(this).find("tddiv.laytable-cell-checkboxdiv.la 查看详情

redis的多路复用和事件处理器使用的是同一个线程吗?(代码片段)

...真的是一个线程负责调用IO多路复用函数,然后将监听到的事件放在队列中,然后事件处理器去调用吗?先上结论:   IO多路复用和处理事件确实是一个线程完成的,当redis没有关闭的时候外层一直在循环,循环的... 查看详情

redis的多路复用和事件处理器使用的是同一个线程吗?(代码片段)

...真的是一个线程负责调用IO多路复用函数,然后将监听到的事件放在队列中,然后事件处理器去调用吗?先上结论:   IO多路复用和处理事件确实是一个线程完成的,当redis没有关闭的时候外层一直在循环,循环的... 查看详情

js怎么监听到页面关闭或页面跳转事件

一、页面关闭:用javascript重新定义 window.onbeforeunload()事件 在javascript里定义一个函数即可 functionwindow.onbeforeunload()alert("关闭窗口") alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口 funct... 查看详情

javascript---实时监听输入框值的变化

...种方法有两个问题,一个是当直接复制粘贴的时候没法监听到事件,另外一个问题是在移动端,使用删除键删除输入时候也无法监听到!解决办法:1、使用onchange事件onchange事件是文本框内容改变并失去焦点的时候才触发。2、比... 查看详情

spring事件(event)

参考技术A参考文章:https://www.baeldung.com/spring-events我们可以观察监听到的事件是同步的,他们的线程信息是一致的验证一下输出的日志线程信息,发现监听所使用的线程和发送的确不一样。 查看详情

springaop能监听到修改之前的值吗

参考技术Aaop可以控制在方法运行前还是方法运行后执行。方法运行前,就可以设法获取原值了。 查看详情

android耳机按钮控制音乐播放(代码片段)

...有按钮可以实现音量加减控制中间还有一个按钮也可以监听到它的点击事件。还有就是可以监听到耳机的插拔事件。2、首先实现耳机插拔事件的监听,注册一个插拔事件的静态action<actionandroid:name="android.media.AUDIO_BECOM... 查看详情

浅析vue中的.sync修饰符

...入的一个外部变量(props),子组件通过$emit让父组件监听到子组件的一个事件,该事件修改了外部变量props,然后将修改后的结果同步给父组件中被.sync修饰的属性。以上示例的实现流程如下:组件myComponent接收了外部变量show,... 查看详情

p05:路由的六个钩子事件(代码片段)

...的钩子事件,也就是当路由发生变化时,可以监听到这些变化事件,执行对应的函数。它一共有六个钩子事件,接下来我们一起来学习一下。routerChangeStart路由发生变化时在监听路由发生变化时,我们需要用Rou... 查看详情