在HTML中可以对某一个容器屏蔽鼠标的点击事件不?

在HTML中可以对某一个容器屏蔽鼠标的点击事件不?,第1张

在HTML中可以对某一个容器屏蔽鼠标的点击事件的,具体做法如下:

1、界定某一个容器,比如div。

<html>

...

<body>

<div id="doc">

<div id="content">

...

<input type="button" value="Login" id="login" />

...

</div id="content">

</div id="doc">

</body>

</html>

2、用js控制鼠标事件

$('#doc').click(function(e){

e.preventDefault()//阻止鼠标的默认点击事件

e.stopImmediatePropagation() //阻止冒泡事件发生

})

最简单的做法,给标签增加title属性,并赋上要显示的内容,也就是添加title属性即可。

代码:

<div title="全部内容">部分内容</div>

注:title 属性常与 form 以及 a 元素一同使用,以提供关于输入格式和链接目标的信息。同时它也是 abbr 和 acronym 元素的必需属性。

扩展资料:

HTML的title属性的用法

1、HTML的title属性,当光标移动到该标签时,信息提示框内的内容

</body>

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

</body>

2、设置标签样式时指定 属性css样式

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<!--页面内容关键字-->

<meta name="keywords" content="页面内容关键字">

<title>css:是层叠样式表</title>

<!--外部样式-->

<link rel="stylesheet" type="text/css" href="css1.css">

<style type="text/css">

/*有tittle属性*/

[title] {

color: darkmagenta

}

/*指定tittle属性值*/

[title=t] {

color: red

}

</style>

</head>

<body>

<hr>

<p title="HTML的标签真多啊!">属性选择器</p>

<hr>

<p title="t">属性选择器指定属性值</p>

</body>

</html>

参考资料来源:HTML-百度百科


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

原文地址: https://outofmemory.cn/zaji/6283764.html

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

发表评论

登录后才能评论

评论列表(0条)

保存