草庐IT

hook_event_proc

全部标签

javascript - Chrome 扩展 : have an extension listen for an event on a page?

我有一个为我的网站制作的chrome扩展程序,目前我有一个扩展程序每分钟检查一次数据库以获取更新。是否可以让扩展程序监听实际页面上的事件?像这样this.trigger('sendUpdate',data)//thishappenedonthepagethis.on(sendUpdate,function(){//thisiswhatthechromeextensionlistensfor//dostuffwithdata}) 最佳答案 您需要添加一个content_script。content_script具有对DOM的完全访问权

javascript - 在JavaScript事件处理中,为什么 "return false"或 "event.preventDefault()"和 "stopping the event flow"会有区别?

据说当我们处理一个“点击事件”时,返回false或者调用event.preventDefault()是有区别的,其中thedifferenceisthatpreventDefaultwillonlypreventthedefaulteventactiontooccur,i.e.apageredirectonalinkclick,aformsubmission,etc.andreturnfalsewillalsostoptheeventflow.那是不是说,如果click事件被多次注册了好几个action,用$('#clickme').click(function(){…})返回fals

javascript - React hooks - 清除超时和间隔的正确方法

我不明白为什么当我使用setTimeout函数时,我的React组件开始无限运行console.log。一切正常,但PC开始变得非常滞后。有人说超时功能改变了我的状态和重新渲染组件,设置了新的计时器等等。现在我需要了解如何清除它是对的。exportdefaultfunctionLoading(){//ifdatafetchingisslow,after1seciwillshowsomeloadinganimationconst[showLoading,setShowLoading]=useState(true)lettimer1=setTimeout(()=>setShowLoadin

javascript - React 函数/Hooks 组件上的 componentDidMount 等价物?

有没有办法通过钩子(Hook)在React函数式组件中模拟componentDidMount? 最佳答案 对于稳定版的hooks(ReactVersion16.8.0+)对于componentDidMountuseEffect(()=>{//Yourcodehere},[]);对于componentDidUpdateuseEffect(()=>{//Yourcodehere},[yourDependency]);对于componentWillUnmountuseEffect(()=>{//componentWillUnmountre

javascript - 错误的 React Hook 行为与事件监听器

我正在尝试使用ReactHooks,但遇到了一个问题。当我尝试使用事件监听器处理的按钮来控制台记录它时,它显示了错误的状态。代码沙箱:https://codesandbox.io/s/lrxw1wr97m点击“添加卡”按钮2次在第一张卡片中,点击Button1并在控制台中看到有2张卡片处于状态(正确行为)在第一张卡片中,点击Button2(由事件监听器处理)并在控制台中看到只有一张卡片处于状态(错误行为)为什么会显示错误的状态?在第一张卡片中,Button2应该显示2控制台中的卡片。有什么想法吗?const{useState,useContext,useRef,useEffect}=R

javascript - event.target.classList 没有 indexOf 方法

starttext$("button").on("click",function(event){varlo=event.target.classListconsole.log(lo.indexOf("hello"))})我希望上面的代码片段能够打印出来,0但它抛出了一个错误lo.indexOfisnotafunction。event.target.classList不是数组类型吗? 最佳答案 没有indexOf方法,classList是arrayLike对象。但是有一个contains():https://developer.moz

javascript - event.preventDefault() 不适用于 angularjs 应用程序中的 routeChangeStart

希望任何angularjs专家可以帮助我。这是我的angularjs代码$scope.$on('$routeChangeStart',function(event,next,current){if($scope.myForm.$dirty){if(!confirm("Unsaved,douwanttocontinue?")){event.preventDefault();}}});当数据变脏时,它会在浏览器后退按钮中发出警报,但在单击取消或确定时它仍然会完成路由更改。似乎event.preventDefault()不起作用。任何人都可以指出什么可能是错误的

javascript - AngularJS 复选框 ng-change 问题与 $event.target

我正在编写一个简单的AngularJSController,用于跟踪选中的复选框的数量。尝试避免使用$scope.$watch而是使用ng-change来增加/减少总计数。HTML: {{item.name}}Totalchecked:{{totalSelected}}Controller片段$scope.updateTotal=function($event){varcheckbox=$event.target;if(checkbox.checked){$scope.totalSelected++;}else{$scope.totalSelected--;}}我在尝试访问$

javascript - "jQuery.event.special"API(用于自定义事件)的文档在哪里?

我正在为textchangejQueryplugin创建一个分支,它使用jQuery.event.specialAPI创建自己的自定义事件(textchange、hastext和notext).我正在努力寻找$.event.specialAPI的文档!我搜索了jQuery的网站,没有发现任何提及special功能的内容。我找到了几个讨论API甚至引用alinktoit的博客,但那个页面根本没有谈论它。有人可以指点我一些关于这个“特殊”API的文档吗?我主要对jQuery的文档感兴趣,因为我想知道这个API的“官方”来源。更新:我查看了jQuery的源代码,他们使用$.event.spe

javascript - React Hooks useState() 与对象

在ReactwithHooks中,在嵌套对象中更新状态的正确方法是什么?exportExample=()=>{const[exampleState,setExampleState]=useState({masterField:{fieldOne:"a",fieldTwo:{fieldTwoOne:"b"fieldTwoTwo:"c"}}})如何使用setExampleState将exampleState更新为a(附加字段)?consta={masterField:{fieldOne:"a",fieldTwo:{fieldTwoOne:"b",fieldTwoTwo:"c"}},mast