js如何监听一个自定义事件(jquery自定义事件监听)

js如何监听一个自定义事件,jquery自定义事件监听

内容导航：

js怎么自定义事件，并能让用on事件监听

我对添加监听事件不是很了解求大神指点指点。谢谢

Vuejs中vmon有什么实际意义怎么使用文档里的监听又是什么意思呢

怎么用JS代码自定义的日历呢

一、js怎么自定义事件，并能让用on事件监听

你这个问题全部内容应该是如下吧：在视频播放的时候，能够用on监听事件的触发,如下：(‘pause’,function(){
(‘视频暂停’)；})(‘ended’,function(){
(‘视频结束’)})这个是什么原理，怎么自定义类似pause、ended的事件，并能够用on监听？麻烦指教相当于来说你要维护一个事件队列。player对象大概有这么些属性{
on: func(key, callback),emit: func(key),events: object}events是一个对象，数据结构如下：{
pause: [func,
func]}调用on函数时，把event的key以及callback添加到events中。调用emit函数表示相应事件触发，根据相应的key从events中获取相应的callback数组，依次执行函数。

二、我对添加监听事件不是很了解求大神指点指点。谢谢

做饭回家看看就很过分，打的好快看个人上过课，幸福花园热额我都懂得，说的话看看富士山下高跟鞋吃饭，过得哇塞刚发现复古风，发到我的户口特恶心下次吃刚发快高大上下次，打撒说过话犹太人我晚上滚吧掺杂最大等他，笑死我区位图还想咋二号擦擦瓜兮兮的方法突然，随声附和就几个都是真的发芽又热哇撒干哈刚发的十点过后，添加监听事件不是好感动回家找一个男朋友随说很容易，但是也要从个方面考虑才行，不能说只看长的怎样，当然谁都想找一个漂亮的伴侣，可其它的也重要，比如学历，素质，人品，这都是找伴侣的关键。
找一个男朋友随说很容易，但是也要从个方面考虑才行，不能说只看长的怎样，当然谁都想找一个漂亮的伴侣，可其它的也重要，比如学历，素质电信的带宽是很诱惑人的，但是能不能足额的供应这么大的流量呢？你的电脑配置很高，玩游戏应该该是非常顺畅的。
但是，你说不顺畅！这就出问题了。
还是那个带宽的问题？5m的带宽能共给你多少的流量呢？一根自来水管的管径已定，但是只有半管的水量，能叫满足供应吗？你的问题就在这个比喻里面。
供应不足，是你玩游戏时存在的问题，一般情况下，这样的现象应该发生在上网高峰期的星期六和星期日，平时的信号要很强的。
假如平时就是这样各样，那就是电信公司的问题了。
仅供参考。

三、Vuejs中vmon有什么实际意义怎么使用文档里的监听又是什么意思呢

“`js

// 创建vue实例。

var vm = new Vue()

// 创建事件监听 @params 监听的事件名 回调函数。

vm.$on(‘start’, function (params) {

(params + ‘，我让start 事件触发了’);

})

// 主动触发事件，此时会触发监听的回调(我们打印的代码就会运行) @params 触发的事件名 传递的参数。

vm.$emit(‘start’, ‘我是触发传递的参数’)

“`

Vue的$on就和addEventListener差不多，是创建一个事件监听,
$emit 就和自定义事件一样，你主动创建了一个事件，并且让这个事件触发了。
一般用来vue非父子组件之间传递数据(Vue的bus)

四、怎么用JS代码自定义的日历呢

答：htmlxmlns=/1999/xhtmlheadtitle无标题页-
学无忧（）/titlescriptlanguage=javascriptvarmonths=newArray(一,二,三,四,五,六,七,八,九,十,十一,十二);//定义月份vardaysInMonth=newArray(31,28,31,30,31,30,31,31,30,31,30,31);//定义每月的天数vardays=newArray(日,一,二,三,四,五,六);//定义星期几varclassTemp;vartoday=newgetToday();varyear=;//获取年份varmonth=;//获取月份varnewCal;//用来获取指定年月中的天数functiongetDays(month,year){if(1==month)return((0==year%4)(0!=(year%100)))||(0==year%400)?29:28;elsereturndaysInMonth[month];}//获取今天的年、月、日functiongetToday(){=newDate();=ar();=();=();}//定义日历表的显示方法functionCalendar(){newCal=newDate(year,month,1);today=newgetToday();varday=-1;varstartDay=();varendDay=getDays((),ar());vardaily=0;if((==ar())(==())){day=;}varcaltable=;varintDaysInMonth=getDays((),ar());for(varintWeek=0;intWeek;intWeek++)for(varintDay=0;intDay[intWeek].;intDay++){varcell=[intWeek].cells[intDay];varmontemp=(()+1)10?(0+(()+1)):(()+1);if((intDay==startDay)(0==daily)){daily=1;}vardaytemp=daily10?(0+daily):(daily);vard=+ar()+-+montemp+-+daytemp+;if(day==daily)=DayNow;elseif(intDay==6)=DaySat;elseif(intDay==0)=DaySun;else=Day;if((daily0)(daily=intDaysInMonth)){=daily;daily++;}else{=CalendarTD;=;}}=year;=month+1;}//实现月份向前翻页的方法functionsubMonth(){if((month-1)0){month=11;year=year-1;}else{month=month-1;}Calendar();}//实现月份向后翻页的方法functionaddMonth(){if((month+1)11){month=0;year=year+1;}else{month=month+1;}Calendar();}//判断用户自己输入的年份和月份functionsetDate(){if(1||12){alert(月的有效范围在1-12之间!);return;}year=();month=(-1);Calendar();}//设置按钮的样式functionbuttonOver(){varobj=t;=background-
color:＃FFFFFF;}functionbuttonOut(){varobj=t;t(function(){=;},300);}/scriptStyleInput{font-
family:verdana;font-size:9pt;text-decoration:none;background-
color:＃FFFFFF;height:20px;border:1pxsolid＃;color:＃;}.Calendar{font-
family:verdana;text-decoration:none;width:170;background-color:＃C0D0E8;font-
size:9pt;border:0pxdotted＃1C6FA5;}.CalendarTD{font-family:verdana;font-
size:7pt;color:＃;background-color:＃f6f6f6;height:20px;width:11%;text-
align:center;}.Title{font-family:verdana;font-size:11pt;font-
weight:normal;height:24px;text-align:center;color:＃;text-
decoration:none;background-color:＃A4B9D7;border-top-width:1px;border-right-
width:1px;border-bottom-width:1px;border-left-width:1px;border-bottom-
style:1px;border-top-color:＃;border-right-color:＃;border-bottom-
color:＃;border-left-color:＃;}.Day{font-family:verdana;font-
size:7pt;color:＃243F65;background-color:＃E5E9F2;height:20px;width:11%;text-
align:center;}.DaySat{font-family:verdana;font-size:7pt;color:＃FF0000;text-
decoration:none;background-color:＃E5E9F2;text-
align:center;height:18px;width:12%;}.DaySun{font-family:verdana;font-
size:7pt;color:＃FF0000;text-decoration:none;background-color:＃E5E9F2;text-
align:center;height:18px;width:12%;}.DayNow{font-family:verdana;font-
size:7pt;font-weight:bold;color:＃;background-color:＃FFFFFF;height:20px;text-
align:center;}.DayTitle{font-family:verdana;font-size:9pt;color:＃;background-
color:＃C0D0E8;height:20px;width:11%;text-align:center;}.DaySatTitle{font-
family:verdana;font-size:9pt;color:＃FF0000;text-decoration:none;background-
color:＃C0D0E8;text-align:center;height:20px;width:12%;}.DaySunTitle{font-
family:verdana;font-size:9pt;color:＃FF0000;text-decoration:none;background-
color:＃C0D0E8;text-align:center;height:20px;width:12%;}.DayButton{font-
family:Webdings;font-size:9pt;font-weight:bold;color:＃243F65;cursor:hand;text-
decoration:none;}/Style需要在body中添加—个表格，并在加载事件中调用“calendar”方法，代码如下所示：/headbodyonload=Calendar()tableborder=0cellpadding=0cellspacing=1class=Calendarid=caltabletheadtralign=centervalign=middletdcolspan=7class=Titleahref=javaScript:subMonth();title=上一月Class=DayButton3/ainputname=yeartype=textsize=4maxlength=4onkeydown=if(==13){setDate()}onkeyup==(/[^0-9]/g,‘‘)onpaste==(/[^0-9]/g,‘‘)年inputname=monthtype=textsize=1maxlength=2onkeydown=if(==13){setDate()}onkeyup==(/[^0-9]/g,‘‘)onpaste==(/[^0-9]/g,‘‘)月ahref=JavaScript:addMonth();title=下一月Class=DayButton4/a/td/trtralign=centervalign=middlescriptlanguage=javascript(tdclass=DaySunTitleid=diary+days[0]+/td);for(varintLoop=1;intLoop-1;intLoop++)(tdclass=DayTitleid=diary+days[intLoop]+/td);(tdclass=DaySatTitleid=diary+days[intLoop]+/td);/script/tr/theadtbodyborder=1cellspacing=0cellpadding=0ID=calendarALIGN=CENTERscriptlanguage=javascriptfor(varintWeeks=0;intWeeks6;intWeeks++){(TRstyle=‘cursor:hand‘);for(varintDays=0;intDays;intDays++)(TDclass=CalendarTDonMouseover=‘buttonOver();‘onMouseOut=‘buttonOut();‘/TD);(/TR);}/script/tbody/table/body/html。