JS 事件（备用）

最新推荐文章于 2018-11-30 14:46:00 发布

flyfx52

最新推荐文章于 2018-11-30 14:46:00 发布

阅读量93

点赞数

分类专栏： JavaScript 文章标签：ｊｓ事件

本文链接：https://blog.csdn.net/flyfx52/article/details/84491790

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

①

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的表单的时候。

flyfx52

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 事件（备用）

①jQuery 事件 - trigger() 方法触发 input 元素的 select 事件：$("button").click(function(){ $("input").trigger("select");});代码：$(document).ready(function(){ $("input").select(funct...
复制链接

扫一扫