Tag: html5

jQuery.on“touchstart mousedown” – 两个事件都在触摸屏设备上触发

我的问题是我无法取消触发touchstart后触发的mousedown事件。 此问题特定于Android的本机浏览器。 Chrome和Safari都在Android和iOS（onMenuInteraction）中成功执行了以下方法。 我的问题似乎仅限于Android的原生浏览器（对我而言，预装了Android 4.1.2）。 以下是我从Javascript对象中提取的代码。 MenuButtonView.prototype.onSmallScreenSetUp = function() { $(“#mobileMenuBtn”).on( { “touchstart mousedown”: $.proxy( this.onMenuInteraction, this ) } ); } MenuButtonView.prototype.onMenuInteraction = function(e) { console.log( this, “onMenuInteraction”, e ); e.stopImmediatePropagation(); e.stopPropagation(); e.preventDefault(); } 请有人告诉我如何取消手指触摸屏幕触发touchstart事件后触发的mousedown事件。 此要求基于管理与桌面和移动/平板电脑平台的交互。 一切正常，直到您使用Android本机浏览器进行测试。 非常感谢 d

在Javascript之前首先执行PhP代码

<?PHP //$errorMessage = ""; //$check = ""; if ($_SERVER['REQUEST_METHOD'] == 'POST'){ //=================================================== // GET THE QUESTION AND ANSWERS FROM THE FORM //=================================================== $sID = $_POST['studentID']; $sID = htmlspecialchars($sID); $firstName = $_POST['firstName']; $firstName = htmlspecialchars($firstName); $lastName = $_POST['lastName']; $lastName = htmlspecialchars($lastName); $grade = $_POST['grade']; $grade = htmlspecialchars($grade); //var_dump($grade); //============================================ // OPEN A CONNECTION TO THE DATABASE […]

沿父div高度跟踪的浮动div内容

我正在寻找一个HTML5 / jquery解决方案来附加一个浮动div（让我们称之为“A”）到父div的右侧（称为“B”）并让div A在滚动期间停留在屏幕上但在停止时停止它击中了div B高度的顶部或底部。 如果您已经看到浮动/绝对定位的社交媒体按钮保留在屏幕上（它是正确的概念），但我想限制浮动仅与div B的高度一样高或低。 以下是我制作概念动画的概念动画 如果你看看div B，我的目标是让浮动菜单在屏幕上上下滚动div B的高度，而不是在div B的上方或下方。 我们非常欢迎任何建议/帮助/代码剪辑。 先感谢您。

如何使用jQuery的.trigger（’dragstart’）来实现HTML5的拖放function.setData / .getData

当使用jQuery的.trigger（’dragstart’）来触发具有属性ondragstart =“drag（event）”的元素上的函数时，你如何在触摸设备上拖放HTML5 .setData / .getData？** 示例流程： 用户使用touchmove事件拖动元素 element以下两个属性： .bind（’touchmove’，function（event）{$（this）.trigger（’dragstart’）;}）; ondragstart = “拖动（事件）” drag（event）尝试使用event.dataTransfer.setData（“Text”，event.target.id）; 结果是以下错误。 “未捕获的TypeError：无法读取未定义的属性’setData’” 对于鼠标事件ondragstart，拖动（事件）函数中的.setData / .getData调用工作正常。 但是，当通过.trigger（）触发ondragstart时，.setData / .getData方法无法正常工作并返回错误 尝试拖动订单时，为什么会出现以下错误; 以及如何解决？** “未捕获的TypeError：无法读取未定义的属性’setData’” 请不要指向使用TouchPunch等.js库。 我正在尝试绑定’touchmove’事件来触发拖动（事件）并提供相同的.setData / .getDatafunction，该function可用于鼠标拖动触发事件。 —> jsFiddle Link <— HTML： Order Queue Johnny Cash Order Number: 100 101 Johnny Cash Queue Bar Test Log JavaScript的： var orders = $(‘.order’); var testelement = […]

Fabric.js统治者与缩放

我有疑问。 我正在编写这样的编辑器，我也想要一个标尺来添加它（用鼠标滚动改变值（放大和缩小）） 但我不能这样做。 我在github上尝试了所有的统治者，但他们只运行身体标签。 不幸的是，没有可放大或缩小的文档。 我是HTML5canvas的新手，我被卡住了。 等待你的帮助。 谢谢！

如何从一个canvas复制到其他canvas

这是jsfiddle 我有这个作为我的源canvas HTML Source Canvas Destination Canvas JavaScript的 var sourceImage, ctx, sourceCanvas, destinationCanvas; //get the canvases sourceCanvas = document.getElementById(‘source’); destinationCanvas = document.getElementById(‘destination’); //draw the source image to the source canvas ctx = sourceCanvas.getContext(‘2d’); function start() { ctx.drawImage(img1, 0, 0); ctx.globalCompositeOperation = “source-atop”; var pattern = ctx.createPattern(img, ‘repeat’); ctx.rect(0, 0, sourceCanvas.width, sourceCanvas.height); ctx.fillStyle = pattern; ctx.fill(); […]

滚动文本并在使用html5音频读取时将其隐藏

我正在使用代码突出显示使用html5音频读取的文本单词，并在单击相邻句子时读取音频。 我需要的是让正在读取的行从页面中消失，并且正在读取的下一行在其位置跳转，依此类推..所以到最后，页面中没有任何内容，但是：1-音频播放器，2 – “突出显示开/关”按钮，3-“滚动/关闭”按钮。 因此，页面中有两个选项，用户希望在阅读时看到所有文本的天气，或者只是看到正在听到的行（以及它下面的行）。 使用的代码是： var textHighlightOn = true, btnToggle = document.getElementById(‘toggleTxt’), textDiv = document.querySelector(‘.text-highlight’) spns = document.querySelectorAll(‘span’), audi = document.getElementById(“adi”); audi.addEventListener(“timeupdate”, f1); function f1(){ // remove all previous actives; [].forEach.call(spns, function(e){ e.classList.remove(‘active’); e.classList.remove(‘active-prev’); }); var i; for (i = 0 ; i< spns.length ; i++){ var time = Number(spns[i].id.slice(2)); if(time 0) { spns[i-1].classList.remove(‘active’); […]

如何在canvas上画线

我想以如下方式在canvas上的圆圈内绘制一些线条。 我不知道如何绘制如下所示的线条。 但我有基本知识在canvas上绘制线条和弧线。 如何进行？

使用Webpack进行简单的站点

我试图让webpack第一次工作，我在一个简单的网站上做，但无论我尝试什么，它都无法正常工作。 我已经坚持了几个星期，我认真尝试了每一个线程无济于事。 我只需要一个没有webpack问题的人查看我的代码并提供有关如何使其正常工作的评论。 我在src目录中有我的所有源代码。 库和开发人员依赖项位于node_modules目录中。 我想运行webpack并将其输出到dist目录。 如果我只使用src目录中的文件来运行服务器，它运行正常，但是一旦我运行webpack并尝试使用dist目录中的文件，它就会崩溃。 这是webpack.config.js： var webpack = require(‘webpack’); var path = require(‘path’); module.exports = { context: __dirname + “\\src”, debug: true, entry: “./index.webpack.js”, output: { path: __dirname + “\\dist”, filename: “index.min.js” }, module: { loaders: [ { test:/\.js$/, exclude:/(node_modules)/, loader:’babel-loader’, query: { presets:[‘es2015′] } }, { test:/\.css$/, exclude:/(node_modules)/, loader:’style-loader!css-loader’ }, { […]

bxslider停止video元素自动播放

我正在使用Bx滑块作为标准轮播。 其中一个幻灯片有一个带有自动播放的元素，并循环播放以用作背景。 问题是出于某种原因bx滑块阻止video播放。 是否有一种已知的方法来覆盖此行为。 页面加载时video播放正常，直到bxslider的js触发并停止。 我正在使用bxslider的开箱即用配置，而li里面是这样的： <source src="/library/images/tbf/flag.mp4″ type=”video/mp4″> <source src="/library/images/tbf/flag.ogv” type=”video/ogg”> 提前致谢！