jquery鼠标聚焦和失焦可以用哪个事件
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery鼠标聚焦和失焦可以用哪个事件相关的知识，希望对你有一定的参考价值。
参考技术A 获得焦点：.focus(function())失去焦点：.blur(function()) 参考技术B <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>HTML5学堂</title>
<style type="text/css">
.h5course-com input
width: 400px;
height: 60px;
</style>
</head>
<body>
<div>h5course-com</div>
<div class="h5course-com">
<input type="text" placeholder="鼠标移入进来，触发聚焦事件"/>
<input type="text" placeholder="鼠标移入移开，触发失焦事件"/>
</div>
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('.h5course-com input').eq(0).focus(function(event)
console.log('聚焦了');
)
$('.h5course-com input').eq(1).blur(function(event)
console.log('失焦了')
);;
</script>
</body>
</html>本回答被提问者采纳
QGroupBox 单击/聚焦
【中文标题】QGroupBox 单击/聚焦【英文标题】：QGroupBox clicked/focus 【发布时间】：2014-01-09 16:02:37 【问题描述】：我的应用程序中有几个组合框位于同一个父窗口小部件上，每个组合框都提供有 QwtPlot 的子实例。用户可以通过鼠标操作绘图（缩放、平移...）。
我想跟踪用户当前在哪个组框（即焦点组框）中工作。但是事件以标准方式处理，因此如果用户使用绘图，则此绘图会消耗鼠标事件。我想知道用户正在使用特定的分组框，无论他对其嵌套的小部件执行什么操作。
有什么建议吗？
【问题讨论】：
【参考方案1】：好的，我找到了解决方案。 QGroupBox 必须重新实现，例如：
class CustomGroupBox : public QGroupBox
Q_OBJECT
public:
CustomGroupBox(QWidget *parent = 0) : QGroupBox(parent);
CustomGroupBox(const QString &title, QWidget* parent = 0) : QGroupBox(title, parent);
signals:
void customReleased();
protected:
void mouseReleaseEvent(QMouseEvent* event)
emit customReleased();
QGroupBox::mouseReleaseEvent(event);
;
然后我可以将我所有的分组框的 customReleased() 连接到一个插槽，该插槽将处理 sender() 对象并跟踪活动的分组框。
【讨论】：
以上是关于jquery鼠标聚焦和失焦可以用哪个事件的主要内容，如果未能解决你的问题，请参考以下文章
JS事件 失焦事件（onblur）onblur事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。