javascript 如何为 html 标签 添加事件

javascript 如何为 html 标签 添加事件,第1张

第一种方法:

两个部分:

javascript部分(相当于给出check()接口。):

<script

language="javascript">

function

check()

{

if

{ ……}

else{……}

}

</script>

html

部分(各种调用方法,相当于调用js的check()接口,当点击后将运行JS函数。也可以将onclick改为其他如:onmouseover):

<div

onclick="check()"></div>

<form

onsubmit="check()">

<input

type="submit" >

</form>

<button

onclick="check()"></button>

javascript是写事件的,html调用了这个事件。上文中的自定义事件名称check(),也可以自定义为其他,()圆括号是必须有的。

陕西优就业的老师整理了一种答案,欢迎大家来补充!

一、页面关闭:

用javascript重新定义 window.onbeforeunload() 事件 

在javascript里定义一个函数即可 

function window.onbeforeunload() { alert("关闭窗口")} 

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口 

function window.onbeforeunload() { 

if (event.clientX>document.body.clientWidth &&event.clientY<0 ||event.altKey) 

window.event.returnValue="确定要退出本页吗?" 

2.用onUnload方法 

在body 标签里加入onUnload事件 

body onUnload="myClose()"

二、页面跳转好做,但监听不好做。

页面跳转方法:a.window.location.href='index.html'

b.window.navigate("index.html")

c.

if (confirm("你确定要跳转页面吗?"))...{

window.location.href="index.html" 

}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7973585.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存