『壹』 js怎么自定义事件，并能让用on事件监听
你这个问题全部内容应该是如下吧：
在视频播放的时候，能够用on监听事件的触发专,如下：
player.on('pause',function(){ console.log('视频暂停属')；
})
player.on('ended',function(){ console.log('视频结束')
})
这个是什么原理，怎么自定义类似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数组，依次执行函数。
『贰』 JS监听window.open出来的子窗口的按钮事件
//index.html
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>Title</title>
<scripttype="text/javascript">
var$=document.querySelector.bind(document);
onload=function(){
$('#open').onclick=function(){
varopener=window.open('./open.html','',"width=200,height=200");
opener.onload=function(){
var_$=document.querySelector.bind(opener.document);
_$('#child_button').onclick=function(e){
alert(e.target.textContent+'clicked!');
}
}
}
}
</script>
</head>
<body>
<buttonid="open">点击打开一个窗口</button>
</body>
</html>
//open.html
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<title>childdocument</title>
</head>
<body>
<buttonid="child_button">innerclicktestbutton</button>
</body>
</html>
『叁』 JS window.open()打开新窗口、监听新窗口关闭事件
使用 window 对象的 open() 方法可以打开一个新窗口。用法如下：
参数列表如下：
使用 window.closed 属性可以检测当前窗口是否关闭，如果关闭则返回 true，否则返回 false。
下面是一个监听当前新开页面该窗口的打开关闭状态的示例
参考： https://blog.csdn.net/HeXinT/article/details/125412106
『肆』 js怎么监听移动端键盘展开事件
目的 : 监听移动端键盘展开事件
工具 : 移动端, js
思路 : 可以通过监听窗口大小的改变来实现,当端键盘展开时,窗口的大小发生改变,依据此基础进行判断.
js 移动端关于页面布局，如果底部有position:fixed的盒子，又有input，当软键盘弹出收起都会影响页面布局。这时候Android可以监听resize事件，代码如下，而iOS没有相关事件。
方法一实现代码:
//获取当前页面高度
varwinHeight=$(window).height();
$(window).resize(function(){
varthisHeight=$(this).height();
if(winHeight-thisHeight>50){
//窗口发生改变(大),故此时键盘弹出
//当软键盘弹出，在这里面操作
}else{
//窗口发生改变(小),故此时键盘收起
//当软键盘收起，在此处操作
}
});
方法二:监控键盘
监控的方式其实筛选下来也不过两种：
① 时钟setInterval不停监控
② 系统级别的监控，比如键盘出现时候通知window一个事件，但是很遗憾现在还没有这个事件，但是这个事件等于
input类元素获取焦点 == 弹出虚拟键盘
input类元素失去焦点 == 收起虚拟键盘
但是我们前面已经说过，上面的原则不一定可靠，所以该种方案也未必可靠了
基于系统监控这点，我们还可以监控resize事件或者scroll事件，但是经过我的测试，setInterval表现比较好.于是，我们简单写一段代码，可靠是否满足需求：
window.alert=function(msg){
$('body').append('<div>'+msg+'</div>')
};
functionfixedWatch(el){
if(document.activeElement.nodeName=='INPUT'){
el.css('position','static');
}else{
el.css('position','fixed');
}
}
setInterval(function(){
fixedWatch($('#headerviewheader'));
},500);如上:移动端键盘展开事件即可被监听.
『伍』 JS如何实现方法监听
监听方法在中的实现如下：
function addEventListener(string eventFlag, function eventFunc, [bool useCapture=false])
eventFlag : 事件名称，如click、mouseover…
eventFunc: 绑定到事件中执行的动作
useCapture: 指定是否绑定在捕获阶段，true为是，false为否，默认为true
在事件监听流中可以使用event.stopPropagation()来阻止事件继续往下流
IE中使用自有的attachEvent函数绑定时间，函数定义如下：
function attachEvent(string eventFlag, function eventFunc)
eventFlag: 事件名称，但要加上on，如onclick、onmouseover…
eventFunc: 绑定到事件中执行的动作
在事件监听流中可以使用window.event.cacenlBubble=false来阻止事件继续往下流
总结：addEventListener(string eventFlag, function eventFunc, [bool useCapture=false])，针对ff，chrome，safari浏览器，false指冒泡阶段，默认为true，指捕获阶段。不过一般我们都用false。
attachEvent(string eventFlag, function eventFunc)，针对ie系列、还有opera浏览器，少了事件处理机制的参数，只指定事件类型（别忘了on）和触发哪个函数。
『陆』 js 怎么监听到页面关闭或页面跳转事件
给个思路，不知道是否可行
在页面上做一个ajax，定期访问服务器，当在指定时间内回不能接收到页面的ajax心跳，认为答浏览器关闭了
页面跳转的监听，全部使用自定定义的js函数，好象是window.location = url，url是你要跳转的页面，这样执行到这个函数时，你就知道用户要跳转页面，然后在这个函数里做操作
『柒』 js，如何监听页面中弹出文件
你是要使用同步还是异步形式？
同步可以写在head最后面。判断window.screen.width/window.screen.height（要做兼容）然后通过document.write写下不同的src的script标签。
异步同上判断。不过添加脚本的话使用document.createElement来创建script标签。赋值src。然后插入到head内（或者随便哪里）。通过监听该标签的onload事件来执行后续任务。
如果这些js文件会影响页面渲染。就使用同步。如果不会。就使用异步。
代码就不写了。兼容不知道