文档事件不会绑定到页脚

时间:2016-03-10 13:51:46

标签: javascript javascript-events safari footer

我只是觉得Safari很奇怪。将“点击”事件绑定到“文档”时,似乎页脚不会被识别为文档的一部分,因此它不会触发文档的“单击”事件。

检查示例代码https://jsfiddle.net/falke88/v2ycdyhj/4/

$(document).on("click", function(){alert("hit!")});
//$('footer').on("click", function(){console.log("footer!")});

使用Safari Mobile(iPhone 6等)打开它,并尝试在页脚内部和文档区域内单击。

单击页脚时没有任何反应 - 当在页脚外部点击填充/尺寸时,它会起作用。

有人可以确认此问题/功能吗?

1 个答案:

答案 0 :(得分:1)

似乎工作正常,除非你不能将身体作为另一个元素的兄弟。

你可以这样做:

private void Record_Click(object sender, RoutedEventArgs e)
        {
            if (_finalVideo.IsRunning)
            {
                _finalVideo.Stop();
            }

            _finalVideo = new VideoCaptureDevice(_cameraDevices[CamerasList.SelectedIndex].MonikerString);

            _finalVideo.NewFrame += (s, a) =>
            {
                try
                {
                    Image img = (Bitmap)a.Frame.Clone();

                    var ms = new MemoryStream();
                    img.Save(ms, ImageFormat.Bmp);
                    ms.Seek(0, SeekOrigin.Begin);
                    var bitmapImage = new BitmapImage();
                    bitmapImage.BeginInit();
                    bitmapImage.StreamSource = ms;
                    bitmapImage.EndInit();
                    bitmapImage.Freeze();
                    Dispatcher.BeginInvoke(new ThreadStart(() =>
                    {
                        CameraStream.Source = bitmapImage;
                    }));
                }
                catch
                {
                    // exception
                }
            };

            _finalVideo.Start();
        }

或者:

<someelement>
Testbody
</someelement>
<footer>
  Testfooter
</footer>

请参见修改后的小提琴:https://jsfiddle.net/j9coh1eq/