草庐IT

dom-events

全部标签

javascript - 在 React.JS 中禁用右键单击

如何在ReactJS中禁用Canvas中的右键单击。这是我尝试过但仍然无效的方法:letCanvas={e.preventDefault();returnfalse;}}height={500}width={500}ref="canvas"/>;浏览器控制台中也会显示警告。Warning:Returningfalsefromaneventhandlerisdeprecatedandwillbeignoredinafuturerelease.Instead,manuallycalle.stopPropagation()ore.preventDefault(),asappropriate.

javascript - 从 atom Electron 中的 webview 访问 DOM

是否可以从原子Electron桌面开发工具包中的webview元素中抓取html,我正在尝试访问DOM但我什么也没得到,我在运行时尝试了控制台中的document.links但我得到了空属性和对象作为返回?window.onresize=doLayout;varisLoading=false;onload=function(){varwebview=document.querySelector('webview');doLayout();vart=webview.executeJavaScript("console.log(document.links);");document.que

javascript - 当元素在 DOM 中的位置改变时,是否有可能让 React 移动元素而不是重新创建它?

当元素在DOM中的位置发生变化时,是否有可能让React移动元素而不是重新创建它?假设我正在制作一个包含2个Pane的组件,并且我希望能够隐藏/取消隐藏一个Pane。让我们也想象一下Pane本身很重。在我的例子中,每个Pane都有2000多个元素。在我的实际代码中,当有2个Pane时,我使用了拆分器。为了只显示一个Pane,我需要移除拆分器并将其替换为一个div。下面的代码对此进行了模拟。如果只有一个Pane,它会使用div来包含该Pane。如果有2个Pane,它会使用pre来包含它们。在我的例子中,它是div有1个痛点和一个splitter有2个痛点。因此,检测document.cr

javascript - 使用 Redux、React 和 react-router-dom 4.x 时从动态组件获取 ref

我有以下类(class)classMatchBoxextendsReact.Component{constructor(props){super(props);this.countdownHandler=null;this.showBlocker=true;this.start=this.start.bind(this);}start(){...}render(){...return(...);}};functionmapStateToProps(state){...}functionmatchDispatchToProps(dispatch){...}exportdefaultwit

javascript - 全局 Javascript 事件处理对象上下文

我在Javascript的事件处理程序中遇到以下问题。我有一个具有mousemove事件处理程序的对象,如下所示:functionMyObject(){}functionMyObject.prototype={currentMousePosition:null,onMouseMove:function(ev){this.currentMousePosition=this.getCoordinates(ev);},getCoordinates:function(ev){if(ev.pageX||ev.pageY)return{x:ev.pageX,y:ev.pageY};return{x

javascript - 为什么 DOM 既有 window 又有 self?

为什么DOM有一个名为self的对象和另一个名为window的对象,而它们是同一事物?更让人困惑的是window有一个名为self的属性,所以:window===window.self===self为什么会这样?我应该使用哪一个? 最佳答案 self由javascript环境定义并指向[global]对象(但不是规范的一部分,因此可能不存在),而window是DOM规范的一部分。在大多数浏览器中,window被用作[global]对象,但并非总是如此。self==window.self并不奇怪,因为它们是同一个对象-当查找self时

Javascript onbeforeunload 问题

我对以下代码有疑问。发生的事情是当用户关闭浏览器时,它应该提示他们点击确定或点击取消离开页面。单击“确定”将触发window.location重定向到另一个页面以进行用户跟踪(是的,为了避免口水战,有一个辅助系统可以确保准确跟踪,如果用户从任务管理器中终止浏览器(如类似问题中所述))。取消将保留在页面上,问题是无论您点击哪个按钮,您都会被重定向,就好像您想离开页面一样。相关代码如下。window.onbeforeunload=confirmExit;functionconfirmExit(){varwhere_to=confirm("ClickOKtoexit,ClickCANCELt

javascript - 提交表单的事件监听器

我为表单提交编写了一个事件监听器,这导致我出现了一些问题。在文本字段内按“输入”时,一切正常。但是,我有一个跨度(带有背景图像)也可以通过单击事件提交表单。这无法正常工作,我不明白为什么。这是基本的HTML:这是事件监听器的JS:functionevtSubmit(e){//codee.preventDefault();};varmyform=document.myForm;if(myform.addEventListener){myform.addEventListener('submit',evtSubmit,false);}这是“跨度”及其点击事件的JS:varsearchBut

javascript - jQuery - 节点属性更改时的事件

我有一个带有外部javascript库和我自己的额外代码的网页。外部库无法更改。它操作dom元素,添加新元素,更改属性(例如src在某些节点上,等等)。我正在使用jQuery。当节点的属性值发生变化时,是否会触发任何事件处理程序?即无论如何我可以检测到(在jQuery中)当src时的被改变(被别人?) 最佳答案 你可以去找jQuerywatchplugin检测属性的变化。也看看这篇文章:http://darcyclarke.me/development/detect-attribute-changes-with-jquery/

javascript - 单击链接然后按“后退”按钮后保留 DOM 更改

我正在使用jQuery的appendTo()方法将项目附加到无序列表。当用户单击另一个链接,然后按下“后退”按钮时,附加的项目就会消失。有没有办法使用JavaScript来保留这些更改? 最佳答案 当点击BACK时,一些浏览器会缓存上一个(最初加载的)页面。如果您可以通过重新加载来重新生成页面,则可以使用缓存控制“无存储、无缓存、必须重新验证”来强制返回。Chrome想要no-store,而IE想要must-revalidate。对于其他浏览器(和w3c),无缓存就足够了。 关于java