小编Vik*_*mar的帖子

为什么溢出:隐藏不在我的div上工作?

如果你试图给margin-leftC1 div,它会移动并且溢出被隐藏.但是如果你试图给margin-leftC2 div,它会向右移动,但是溢出不是隐藏的,而是在下一行(行为inline-block)中移动.

那么为什么它不能用于C2 div呢?有什么方法可以解决这个问题吗?

(基本上我希望C1和C2 div放在一起,如果我增加它们的宽度,或者如果我给它们边距,则应该隐藏溢出).

这是我正在尝试的:

.c1 {
  width: 220px;
  height: 200px;
  background-color: #666666;
  display: inline-block;
}
.c2 {
  width: 200px;
  height: 220px;
  background-color: #CCCCCC;
  display: inline-block;
}
.c3 {
  width: 180px;
  height: 210px;
  background-color: #333333;
  display: block;
}
.wrapper {
  background-color: red;
  width: 500px;
  height: 500px;
  display: inline-block;
  overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
<div class="wrapper">
  <div class="c1">C1</div>
  <div class="c2">C2</div>
  <div class="c3">C3</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css

9
推荐指数
1
解决办法
1万
查看次数

如何检查输入字段是否处于焦点?

我只想在我的输入字段处于焦点时发送 Ajax 请求(即,光标在其中。这是我的代码:

function anewFunc() {
    $(document).ready(function(){
        var chatattr = $(".chatwindow").css("visibility");
        var chattitle = $("#hideid").text();
        if (chatattr == "visible") {
            if (MY INPUT FIELD HAS FOCUS) {
                $.ajax({
                    url: 'seen1.php',
                    type: 'post',
                    data: "ctitle="+chattitle,
                    success: function(result9) {},
                    error: function() {}
                });
            }
        } else {
            $.post("seendefault.php");
        }
    });
}

$(document).ready(function(){
    var zzz = setInterval(anewFunc, 2000);
});
Run Code Online (Sandbox Code Playgroud)

现在我不知道每次输入是否有焦点时如何检查。是否有任何 jQuery 解决方案?

编辑:一些答案建议我:焦点。所以我试了一下这个:

$(document).ready(function(){
                           if($("#msgtypeid").is(":focus")){
                               alert("Hello");
                           }
                           });
Run Code Online (Sandbox Code Playgroud)

HTML:

<form id="chatform" name="form4" method="post" required enctype="multipart/form-data">
          <input id="msgtypeid" type="text" name="cmessage" autocomplete="off" autofocus/>
        </form>
Run Code Online (Sandbox Code Playgroud)

但它不起作用。有什么不对?

javascript jquery

7
推荐指数
2
解决办法
2万
查看次数

firebase Web通知中firebase-messaging-sw.js的用途是什么?

我已经在网站上为Firebase推送通知配置了Javascript API。一切正常,但我看到许多“背景消息”。我只是将firebase-messaging-sw.js文件放在我的网站目录中。

我不知道它的用途。我只是想知道它在做什么。如果您看到以下代码,则会看到我还没有提供messagingSenderId该文件仍被执行的信息。

所以我想知道的是:

没有ID如何运作?

有什么用?它是接收推送通知并在onMessage处理程序中处理它们的强制性文件吗?

我实际上应该在哪里放置该文件(我的当前目录是:MY-SITE-DOMAIN / firebase-messaging-sw.js,但是firebase通知是在其他目录中配置的)?

这是代码:

importScripts('https://www.gstatic.com/firebasejs/3.5.2/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/3.5.2/firebase-messaging.js');

firebase.initializeApp({
  'messagingSenderId': 'YOUR-SENDER-ID'
});

const messaging = firebase.messaging();
messaging.setBackgroundMessageHandler(function(payload) {
 console.log('[firebase-messaging-sw.js] Received background message ', payload);
 const notificationTitle = 'Background Message from html';
  const notificationOptions = {
   body: 'Background Message body.',
   icon: '/firebase-logo.png'
 };

  return self.registration.showNotification(notificationTitle,
     notificationOptions);
});
Run Code Online (Sandbox Code Playgroud)

原始文件在这里

javascript push-notification firebase service-worker firebase-cloud-messaging

5
推荐指数
2
解决办法
8360
查看次数