①
jQuery 事件 - trigger() 方法
触发 input 元素的 select 事件:
$("button").click(function(){
$("input").trigger("select");
});
代码:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").select(function(){
$("input").after("文本被选中!");
});
$("button").click(function(){
$("input").trigger("select");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
</body>
</html>
②
jQuery 事件 - triggerHandler() 方法
触发 input 元素的 select 事件:
$("button").click(function(){
$("input").triggerHandler("select");
});
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("input").select(function(){
$("input").after("发生 Input select 事件!");
});
$("button").click(function(){
$("input").triggerHandler("select");
});
});
</script>
</head>
<body>
<input type="text" name="FirstName" value="Hello World" />
<br />
<button>激活 input 域的 select 事件</button>
<p>请注意,与 trigger() 方法不同,triggerHandler() 方法不会引起所发生事件的默认行为(文本不会被选中)。</p>
</body>
</html>
③
window的onunload和onbeforeunload事件
Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。
区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。
Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。
1、onbeforeunload事件:
说明:目前三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。
2、onunload事件
通过地址栏或收藏夹前往其他页面的时候
·点击返回,前进,刷新,主页其中一个的时候
·点击 一个前往其他页面的url连接的时候
·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
·重新赋予location.href的值的时候。
·通过input type=”submit”按钮提交一个具有指定action的表单的时候。
分享到:
相关推荐
JavaScript事件是网页交互的核心部分,它允许开发者在特定时间点执行特定的功能,从而增强用户体验。在HTML 4.0标准引入后,事件句柄成为HTML元素的重要组成部分,使得页面元素可以响应用户的操作或者浏览器的某些...
在JavaScript(JS)编程中,有很多实用的技巧和方法可以提升网页交互性和用户体验。以下是一些从提供的内容中提取的JS知识点,它们涉及到事件处理、样式控制、动态效果以及页面操作等多个方面: 1. **事件处理**:...
Vue.js 是一个流行的前端JavaScript框架,用于构建用户界面。它以其简单易学、灵活和高效的特点深受开发者喜爱。"备用备用备用备用vue几个初始化文件"这个标题表明我们讨论的是关于Vue项目的初始配置文件。这些文件...
根据提供的文件信息,我们可以总结出以下JavaScript事件及相关知识点: ### 1. 防止右键菜单出现 **代码示例:** ```html 内容 ``` **知识点解释:** `oncontextmenu` 是一个JavaScript事件处理程序属性,...
3. **JavaScript脚本**:包含用于交互功能的JS代码,如导航菜单的展开与折叠、表单验证、图表绘制等。 4. **响应式设计**:确保模版在不同设备和屏幕尺寸上都能良好显示,适应桌面、平板和移动设备。 5. **图标库*...
JS要实现下载功能,一般都是这么几个过程:生成下载的URL,动态创建一个A标签,并将其href指向生成的URL,然后触发A标签的单击事件,这样就会弹出下载对话框,从而实现了一个下载的功能。 这里所说的下载,有时候也...
在JavaScript和HTML交互中,`<a>`标签通常用于创建链接,但有时我们需要在点击`<a>`标签时不进行实际的页面跳转,而是执行一些...同时,避免过度依赖JavaScript,对于没有JavaScript支持的环境应提供备用方案。
该项目是一款基于JavaScript和Python开发的自用接品备用接口设计源码,包含89个文件,涵盖47个JSON配置文件、30个JavaScript文件、8个Python JAR包文件、1个M3U文件、1个TXT文件、1个Python脚本文件、1个JPG图片文件...
- **JavaScript 文件**:video.js、video.cjs.js 和 video.es.js 分别是未压缩、CommonJS 和 ES 模块格式的脚本,video.min.js 是压缩后的版本,适用于优化加载速度。 - **video-js.swf**:为不支持 HTML5 视频的...
同时,还可以处理`onerror`事件,当图片加载失败时,提供备用图片或提示信息。 2. 图片懒加载:对于大型图片集或页面,懒加载技术可以提高页面加载速度。通过监听滚动事件,只有当图片进入视口时才开始加载,节省了...
然而,由于某些老版本的浏览器或特定设备可能不支持HTML5视频,因此Video.js提供了对Flash的备用支持,确保在HTML5不被支持的情况下也能正常播放视频。 在“videojs-flash-master”这个压缩包中,你将找到Video.js ...
2. **video.js**、**video.cjs.js**、**video.es.js** 和 **video.min.js**:这些都是video.js的JavaScript实现。原始的video.js适用于浏览器环境,cjs.js是CommonJS格式,适配Node.js环境;es.js遵循ES6模块规范,...
总的来说,"js制作的相册"是一个综合性的JavaScript实践项目,涵盖了DOM操作、事件处理、动画效果、响应式设计等多个重要知识点。通过学习和实践这个项目,开发者可以提升自己的JavaScript技能,更好地理解和运用...
综上所述,"js点击自增图片"涉及的主要知识点包括:JavaScript事件监听(`addEventListener`)、DOM操作(修改元素属性如`src`)、数组遍历、条件判断以及错误处理。通过这些技术,我们可以创建出具有动态交互性的...
在学习和使用video.js的过程中,理解JavaScript和ECMAScript基础至关重要,因为video.js是用这些语言编写的。同时,熟悉前端开发环境和工具,如Webpack或Babel,可以帮助更好地集成和优化video.js到你的项目中。如果...
总的来说,QQ相册JS代码涉及到网页开发中的多个核心技术,包括JavaScript交互、DOM操作、事件处理、图片预加载、CSS样式、AJAX请求、动画效果、响应式设计和错误处理。通过熟练掌握这些知识点,开发者可以创建出类似...
【标题】"js仿iphone的图片展示特效"指的是使用JavaScript编程语言来实现一种模拟iPhone设备上图片展示的交互效果。这种特效通常包括滑动切换图片、缩放、平移等特性,旨在为用户带来与使用真实iPhone设备类似的浏览...
`video.js` 是一个流行的开源JavaScript库,专门用于在网页上实现高质量的视频播放体验。这个库尤其适用于处理流媒体文件,包括RTMP流摄像头视频,它提供了丰富的自定义选项和良好的跨浏览器兼容性,使得开发者能够...
例如,自定义事件监听、控制条操作等都可以通过videojs的API实现。 五、hiqvideo项目分析 压缩包中的"hiqvideo"文件可能包含了作者整理的videojs实现RTMP和HLS播放的示例代码和配置。通过对这些文件的深入研究,...
最特色的功能:可以对JS脚本设置多个备用加载地址! 目前用于AngularJS中文社区:jQuery.js和angular.js默认从Google CDN获取,如果连接失败,则切换到本地服务器获取。 reserveLoad.js 功能说明: 1.备用多网址加载...