Tag: javascript

如何在IE8中触发自定义javascript事件？: 我试图在IE8上发起一个自定义事件，并从这里和这里一起摆弄一个解决方案。但我不能让它工作…… 我正在使用带有requireJS和谷歌分析的jquery mobile。所以我正在跟踪JQM pageshow事件。但是由于requireJS加载脚本async，我对pageshow的绑定需要在javascript“包装器”中进行，否则会产生错误，因为在解析代码片段时，jquery和jquery mobile都不会被加载。所以我在每个页面的末尾都包含这个： if (document.addEventListener) { document.addEventListener(“jqmReady”,function(){trigAnalytics(“jqmReady”);alert(“FF detected”)},false); } else if ( document.attachEvent ) { document.attachEvent(“jqmReady”, function(){trigAnalytics(“jqmReady”);alert(“IE detected”)}); } 当检测到时，我正在使用pageshow绑定触发我的分析代码段： var trigAnalytics = function( trigger ){ $(document).on(‘pageshow’,’div:jqmData(role=”page”).basePage’, function (event, ui) { var url = location.href; try { hash = location.hash; if (hash && hash.length > 1) { _gaq.push([‘_trackPageview’, hash.substr(1)]); […]

“此网站似乎使用滚动链接定位效果。这可能不适用于异步平移“: 我收到了Firefox的这个不寻常的警告。它所指的定位效果是一个div它作为滚动高度的一个因素旋转。我从来没有遇到任何问题，但这是我应该关注的事情吗？如果没有这个警告，有没有这样的效果？演示此问题的JavaScript是： //Rotate gears in about section $(‘.gear’).css({ ‘transition’: ‘transform 1s ease-out’, ‘-webkit-transform’: ‘rotate(‘ + Math.round(wScroll / 2) + ‘deg)’, ‘-moz-transform’: ‘rotate(‘ + Math.round(wScroll / 2) + ‘deg)’, ‘-ms-transform’: ‘rotate(‘ + Math.round(wScroll / 2) + ‘deg)’, ‘transform’: ‘rotate(‘ + Math.round(wScroll / 2) + ‘deg)’, }); wScroll是当前的滚动高度

jQuery在元素内部检测mousedown，然后在元素外部进行mouseup: 我有类似于绘图canvas的东西，我在mouseup上捕获它的状态以进行撤消。 canvas不是全屏，因此您可以使用画笔绘制并在canvas外部释放。像这样的东西： $(“#element”).mousedown(function(){ $(document).mouseup(function(){ //do something }); }); 但这当然不起作用。普通的$（document）.mouseup也不起作用，因为我有许多其他UI元素，并且每次单击UI元素时它都会保存状态。有任何想法吗？

当我拖动时，dragend，dragenter和dragleave立即开火: 我正在尝试制作一个可以通过拖放重新定位的元素列表。第一个元素Box 1在100％的时间内都能正常工作。有时第二个框可以工作，但其他框都没有按预期工作。一旦开始拖动它们，它们似乎立即触发所有拖动事件。如果重要的话，我正在使用最新的Chrome（第23版）。 var $questionItems = $(‘.question-item’); $questionItems .on(‘dragstart’, startDrag) .on(‘dragend’, removeDropSpaces) .on(‘dragenter’, toggleDropStyles) .on(‘dragleave’, toggleDropStyles); function startDrag(){ console.log(‘dragging…’); addDropSpaces(); } function toggleDropStyles(){ $(this).toggleClass(‘drag-over’); console.log(this); } function addDropSpaces(){ $questionItems.after(”); console.log(‘drop spaces added’); } function removeDropSpaces(){ $(‘.empty-drop-target’).remove(); console.log(‘drop spaces removed’); } 这是HTML： Box 1: Milk was a bad choice. Box 2: I’m Ron […]

凉亭安装几个文件。为什么以及如何更改它？: 我正在使用bower为我的项目安装依赖项（我知道有自己，但我正在使用bower）。在设置了component.json文件后，当我进行bower安装时，它会将依赖项安装到正确的目录中，但它也会安装许多其他不必要的文件。现在我希望bower安装例如jquery.js, backbone.js and underscore.js所需的特定文件，而不是别的。如何用凉亭做到这一点？

使用jQuery在Google地图上的两点之间划一条线？: 如何使用jQuery或Javascript在Google地图API中绘制两点（纬度和经度）之间的线？我需要两点之间的最短路径。它可以是任何类型的线。

jQuery – 内联编辑表行: 我有一个包含任意列和行的表。事实上这个事实是无关紧要的，我想要做的就是开发一个函数，将一行（或多行）转换为包含表中数据的一系列文本输入（如果单元格中没有数据，则为空）。我找不到任何人明确这样做的例子，所以我想知道这里的人们认为什么是找到解决方案的最佳方式。

使用AngularJs禁用文本框的剪切，复制和粘贴function: 我想使用angularJs在textarea中禁用复制粘贴。我试着用ng-paste这样做，如下：控制器： angular.module(‘inputExample’, []) .controller(‘ExampleController’, [‘$scope’, function($scope) { $scope.val = ‘1’; $scope.past = function() { console.log(“d”); $scope.val =” “; } }]); HTML：输入框具有旧数据（初始粘贴数据）。阻止粘贴第二次工作，即如果我将数据粘贴到输入框中，数据将存在，但是在第二次粘贴时数据将不会粘贴，但旧数据值不会被删除。

如何在不接受焦点的元素上抓取键盘事件？: 我知道，为了处理输入字段中的键盘事件，您可以使用： $(‘input’).keyup(function(e){ var code = e.keyCode // and 13 is the keyCode for Enter }); 但是，现在，我有一些div和li元素，并且我没有form元素，并且我的元素都不被认为是表单元素，并且它们都不接受焦点或制表符和类似的东西。但是现在我需要处理div元素中的keyup （或keydown ，或keypress ，无关紧要）事件。我试过了： $(‘div#modal’).keyup(function(e){ if (e.keyCode == 13) { $(‘#next’).click(); // Mimicking mouse click to go to the next level. } }); 但问题是，它不起作用。我该怎么办？

如何使用jsPDF以PDF格式显示两页图像？: 我有一个HTML页面。我有一个按钮，当我单击此按钮时，它将使用html2canvas将整个html页面转换为数据图像，并使用jsPDF库将其放入PDF。我正在使用的javascript是 $(“#printButton”).click(function(){ html2canvas([document.getElementById(‘form1’)], { onrendered: function (canvas) { var imageData = canvas.toDataURL(‘image/jpeg’,1.0); var doc = new jsPDF(‘landscape’); doc.addImage(imageData,’JPEG’,5,20,200,150); doc.save(‘Test.pdf’); } }); }); 它仅在第一页显示图像。但每当html页面大小更多时，我想剪切图像数据并将其放在PDF格式的两页中。请帮我解决这个问题。