Tag: javascript

带有文字选择的pdf.js

如何使PDF中的文本可选？ 在这里尝试过。 PDF写得很好，但没有文字选择 https://github.com/mozilla/pdf.js https://github.com/mozilla/pdf.js/blob/master/web/text_layer_builder.css https://github.com/mozilla/pdf.js/blob/master/web/text_layer_builder.js ‘use strict’; PDFJS.getDocument(‘file.pdf’).then(function(pdf){ var page_num = 1; pdf.getPage(page_num).then(function(page){ var scale = 1.5; var viewport = page.getViewport(scale); var canvas = document.getElementById(‘the-canvas’); var context = canvas.getContext(‘2d’); canvas.height = viewport.height; canvas.width = viewport.width; var canvasOffset = $(canvas).offset(); var $textLayerDiv = $(‘#text-layer’).css({ height : viewport.height+’px’, width : viewport.width+’px’, top : canvasOffset.top, left : […]

复制/克隆下拉列表，其中包含jquery中的选定选项

如何使用所选选项克隆下拉列表（combobox）？ jquery .clone方法在firefox中无法使用所选选项。 我有一个div有不同的控件。 我必须将整个div复制到这样的变量 var $orginalDiv = $(‘#myDiv’); var $clonedDiv = $orginalDiv.clone(); $clonedDiv.find(‘select’).each(function() { ….Something do here for assigning selected options from original div .. }); 让我知道如何完成它，它必须在FireFox中工作。

Jquery / Javascript – 在contentEditable区域中突出显示为用户类型的语法

我正在我的网站上开发一个contentEditable区域，用户可以在其中相互键入消息。 User types here… 问题是，我们内部会有智能文本，这意味着如果用户在此div中键入@usersame ，如果用户名存在，则@username应以蓝色突出显示，如果不存在，则应以绿色突出显示。 当然，所有这一切都应该在用户输入时发生…… 我不知道从哪里开始，现在我有这个： $(“body”).on(“keyup”,”.smartText”,function(){ var $this = $(this), value = $this.html(), regex = /[^>]#\S+[^ ]/gim; value = value.replace(regex,”$&”); $this.html(value); }); 但是文本不断跳跃（以及插入位置）并且感觉不是正确的方向。 我想这与JSFiddle有点相似，它会在找到它时为代码着色。 我基本上想要和Twitter一样。 这是一个可以玩的JSFiddle： http ： //jsfiddle.net/denislexic/bhu9N/4/ 在此先感谢您的帮助。

如何将jQuery事件处理程序附加到YouTube电影？

[编辑：对于那些已经回答的人 – 抱歉 – 在我睡眠不足的状态下，我忘记了这种特殊情况是YouTube电影，而不是JW FLV播放器。 我可以看到有更多关于与YouTube电影互动的文档，所以我会追求这一点，但也欢迎更多信息] 我正在使用jQuery循环插件（ http://malsup.com/jquery/cycle/ ）在正在轮换的div集合中使用嵌入式YouTubevideo。 当我点击其中一部电影开始播放时，我希望循环停止，但我无法弄清楚如何将jQuery事件处理程序附加到播放器对象。 这是我当前代码的样子（你不能直接用jQuery选择一个对象标签，所以我选择父div然后将object元素作为第一个子元素）： $(“div.feature-player”).children(“:first”).click(function(event) { $(‘#features’).cycle(‘stop’); }); 但这并不能解决问题。 我不是Flash的作者，所以我对ActionScript并不熟悉，之前我从未在JavaScript和Flash电影之间建立过互动。 谢谢你的帮助！ – 保罗

单击时提取drawingManager多边形路径Google Maps

我有一个启用了绘图管理器的Google地图，用户可以绘制多边形并将其保存到我的数据库中。 我为overlaycomplete事件的drawingManager对象添加了一个事件监听器。 触发事件时，多边形的坐标将写入隐藏字段。 这很有效 – 唯一的问题是如果在该点之后拖动/更改了各个顶点，则不会触发事件。 我需要更新（任何）更改字段或在用户点击提交时迭代多边形顶点并将其写入隐藏字段。 我无法弄清楚如何让它工作，但你可以看到我到目前为止所拥有的： http ： //jsfiddle.net/5Y4WT/21/ HTML： JavaScript的： var map; // Global declaration of the map var iw = new google.maps.InfoWindow(); // Global declaration of the infowindow var lat_longs = new Array(); var markers = new Array(); var drawingManager; function initialize() { var myLatlng = new google.maps.LatLng(40.9403762, -74.1318096); var myOptions […]

将event.target与现有的jQuery对象进行匹配

我怎样才能做到这一点？ event.target返回一个HTML对象， 我的元素是一个jQuery对象。 除了比较ID或类之外，还有更好的方法可以找出event.target = my_jquery_object吗？ 我想确保它是相同的对象，而不仅仅是具有类似类的元素… 我试过$(event.target) !== the_element但它失败了 the_element在开头定义为$(‘.something’, $(this)) 我想要做的是当用户点击它之外时关闭一个盒子，但条件是在第一个打开盒子的链接上没有点击。 所以我有这个： $(document).click(function(event){ if(($(event.target).parents().index(box) == -1) && box.is(‘:visible’)){ close(); } }); 我想添加另一个条件，validation没有在打开框的链接上进行点击。 这有效，但我不喜欢它： if($(event.target).attr(‘id’) != the_element) 🙂

一次将click事件附加到多个元素？

这是我在jQuery中的代码： $(‘.paragraph, .section, .heading’).on(‘input’, function (e) { localStorage.setItem($(this).attr(‘id’), $(this).text()); }); 是否有任何JavaScript等价物我可以一次附加所有事件？

用jQuery获取父索引

item 1 item 2 item 3 item 4 item 5 当我点击元素时，我想得到它的父 的索引号。 我正在尝试创建一个carrousel类型函数，它不需要列表项上的item-n类。 $(“.bullets li a”).click(function(){ var myIndex = $(this).parent().index(this); showPic(myIndex); }); 谢谢你的帮助。 TD。

window.scroll事件触发两次

无论我使用什么方法来检测页面上的滚动，事件都会被触发两次。 请参阅我尝试过的不同方法的代码。 要么 $(window).scroll(function(){ alert(“Why are you alerting twice?”); }); 要么 window.onscroll = please_scroll; function please_scroll() { alert(“Why are you alerting twice?”); } 我甚至尝试过使用$ .debounce。 如果有任何用处，我会解释我要做的事情：当用户向上或向下滚动滚轮时，页面会将滚动设置为下一个全宽度内容div的动画。 我的代码已成功执行此菜单，但我也希望它在用户滚动时发生，基本上自动帮助他们滚动到我的页面的每个部分。 这是我目前用于滚动的function： function scrollTo(id){ // Scroll $(‘html,body’).animate({scrollTop: $(“#”+id).offset().top – 110},’slow’,function(){ animation_active = “false”; }); }

浏览器后退按钮和动态元素

我有一个页面，它使用jQuery根据用户从框中内容动态创建多个 DOM元素。 假设用户从选择框中选择4，我的脚本动态显示4个输入框。 问题是当用户刷新或返回此页面时（使用浏览器后退按钮）。 动态创建的元素不会重新填充到它们的最后值，而所有其他“静态”元素都是。 我想我可以创建一个隐藏的输入 ，通过javascript与动态框的内容序列化，然后在$ document.ready上读取它，然后重新填充我的框。 有没有更好的办法？