onclick 相关问题

用户单击对象时发生的事件。它是两个事件的组合，即“onmousedown”和“onmouseup”。

我有一个 div.modal-container DOM 节点，它有一个 div.modal 节点，当单击它之外的任何地方时，该模式会关闭。在这个模式中，我有一个可拖动的图像，用户可以对其进行调整。

reactjs onclick event-listener react-functional-component

回答 1 投票 0

我将视图模型中的侦听器绑定到片段 xml 中 FAB 的单击。我的片段 xml 显示了 FAB。我将视图模型中的侦听器绑定到片段 xml 中 FAB 的单击。我的片段 xml 显示了 FAB。 <data> <variable name="vehicleViewModel" type="com.buildit4me.autonance.ui.VehicleViewModel" /> <variable name="launcher" type="androidx.activity.result.ActivityResultLauncher" /> <com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fabVehicles" android:contentDescription="@string/fab_content_description" style="@style/FAB" android:onClick="@{(view) -> vehicleViewModel.FabOnClick(view,launcher)}" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" /> 我的 Viewmodel 监听器 public void FabOnClick( View view, ActivityResultLauncher<Intent> launcher){ Intent intent= new Intent(view.getContext(), AddNewEntityActivity.class); intent.putExtra(getApplication().getResources().getString(R.string.fragmentID), R.layout.fragment_add_vehicle); launcher.launch(intent); } 在我的片段中 ActivityResultLauncher<Intent> launcher= registerForActivityResult(new ActivityResultContracts.StartActivityForResult(), new ActivityResultCallback<>() { @Override public void onActivityResult(ActivityResult result) { if(result.getResultCode()== Activity.RESULT_OK){ mVehicleViewModel.getAllVehicles(); } String msg; try { msg = result.getData().getStringExtra(getResources().getString(R.string.intent_msg)); } catch( NullPointerException e){ msg=null; } Utils.displaySnackbar(binding.recyclerviewVehicles,binding.fabVehicles,msg); } }); public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) { // Inflate the layout for this fragment binding= DataBindingUtil.inflate(inflater,R.layout.fragment_vehicles,container,false); mVehicleViewModel = new ViewModelProvider(requireActivity()).get(VehicleViewModel.class); binding.setVehicleViewModel(mVehicleViewModel); binding.setLauncher(launcher); 我构建项目时的错误。 [databinding] {"msg":"cannot find method FabOnClick(android.view.View, androidx.activity.result.ActivityResultLauncher) in class com.buildit4me.autonance.ui.VehicleViewModel","file":"app/src/main/res/layout/fragment_vehicles.xml","pos":[{"line0":30,"col0":37,"line1":30,"col1":78}]} 我尝试使缓存失效以清除生成的绑定文件，但仍然收到错误。我认为问题的原因在于XML（androidx.activity.result.ActivityResultLauncher）和Fragment（ActivityResultLauncher）中的launcher类型之间的差异。您可以尝试替代解决方案。不绑定ActivityResultLauncher，使用该实例内部片段。 <com.google.android.material.floatingactionbutton.FloatingActionButton android:id="@+id/fabVehicles" android:contentDescription="@string/fab_content_description" style="@style/FAB" android:onClick="@{(view) -> vehicleViewModel::FabOnClick}" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" /> 片段中 public void FabOnClick(){ Intent intent= new Intent(getContext(), AddNewEntityActivity.class); // Can use context of fragment intent.putExtra(getApplication().getResources().getString(R.string.fragmentID), R.layout.fragment_add_vehicle); launcher.launch(intent); } 希望有帮助

android data-binding onclick listener

回答 1 投票 0

无法通过onclick触发Ajax（但使用onchange会触发）[重复]

我是 Ajax 新手。我有一个 PHP 文件，其中有一个包含简单元素的表单。我希望能够单击“提交”，然后将表单数据发送到另一个 PHP 文件来处理它...

php jquery ajax onclick onchange

回答 2 投票 0

如何让 SVG 在单击时旋转 360°，就像在 chrome://settings 上一样？

如何使用 SVG 来角色化它？如果您能提供帮助，我将不胜感激，谢谢。超文本标记语言如何使用 SVG 来实现这一点？如果您能帮忙，我将不胜感激，谢谢。 HTML <svg id="product-logo" on-click="onProductLogoClick_" width="27" height="27" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)" fill="#fff"><path d="M5.225 10.265A6.996 6.996 0 0 1 12 5h9.733a11.976 11.976 0 0 0-19.512.061l3.004 5.204zM22.898 7h-6.003a6.979 6.979 0 0 1 1.162 8.498l.008.004-4.872 8.438A11.98 11.98 0 0 0 22.898 7zm-9.009 11.735A6.964 6.964 0 0 1 5.944 15.5l-.004.002-4.87-8.435a11.98 11.98 0 0 0 9.812 16.877l3.007-5.21z"></path><path d="M12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10z"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"></path></clipPath></defs></svg> JS onProductLogoClick_() { this.$["product-logo"].animate({ transform: ["none", "rotate(-10turn)"] }, { duration: 500, easing: "cubic-bezier(1, 0, 0, 1)" }) } 只能用SMIL动画在SVG中完成更多精彩互动请参见：https://codepen.io/mikemjharris/post/svg-toggling <svg width="160" viewBox="0 0 240 240"> <g fill="black"> <path d="m52 103a70 70 90 0168-53h97a120 120 90 00-195 1l30 52zm177-33h-60a70 70 90 0112 85l0 0-49 84a120 120 90 0097-169zm-90 117a70 70 90 01-80-32l0 0-49-84a120 120 90 0098 169l30-52z" /> <circle cx="120" cy="120" r="50" /> <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 120 120" to="360 120 120" begin="click" dur="9s" repeatCount="indefinite" /> </g> </svg>

javascript google-chrome svg onclick rotation

回答 1 投票 0

当我单击关闭按钮时，模态关闭功能不起作用

const [modalOpen, setModalOpen] = useState(false); const openModal= ()=>{ setModalOpen(真); } const closeModal = () => { setModalOpen(假); }; ...

reactjs button onclick modal-dialog

回答 1 投票 0

如何找到“aria-expanded”的值

我想在单击带有类下拉排序的 div 时获取下面表格中展开的 aria 的值 <... 我想在点击带有类aria expanded的div时获取下面表单中dropdown-sort的值 <div class="dropdown dropdown-sort open" style="flex-grow: 0;"> <div class="form-control" data-toggle="dropdown" aria-expanded="true"> Sort by 我在下面尝试了这个，但我得到 undefined 而不是 true $('.dropdown-sort').on('click', function() { var expandable = $('.form-control').data("aria-expanded"); alert(expandable); // should give me true 使用jQuery::attr()方法： console.log($('.form-control').attr("aria-expanded")); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="dropdown dropdown-sort open" style="flex-grow: 0;"> <div class="form-control" data-toggle="dropdown" aria-expanded="true"></div> </div>

jquery onclick

回答 1 投票 0

Svelte 中的事件传播

与子组件交互时，父组件的事件会触发。下面是我的代码示例： ... 与子组件交互时，父组件的事件触发。下面是我的代码示例：  <div class="parent" on:click={toggle}> {#if expand} <Child /> {/if} </div>  <div class="child" on:mousedown|stopPropagation={execute}> text </div> 我尝试在函数调用中使用 stopPropagation 和 preventDefault 。这些是不同的事件，停止一种类型不会停止另一种，即使它们都与单击操作相关。如果您在家长上听 click，则必须停止在孩子上click。另外，使用按钮。

onclick event-handling svelte mousedown event-propagation

回答 1 投票 0

Javascript 函数根本不触发

我不是 JavaScript 专家，但我时常使用它。我将此解决方案按原样复制到 HTML 页面中并尝试运行它。它不需要服务器端的任何东西。由于某种原因，它确实...

javascript arrays onclick

回答 1 投票 0

无法通过onclick触发Ajax（但使用onchange会触发）[重复]

我是 Ajax 新手。我有一个 PHP 文件，其中有一个包含简单元素的表单。我希望能够单击“提交”，然后将表单数据发送到另一个 php 来处理它（并且......

php jquery ajax onclick onchange

回答 2 投票 0

Onclick CSS 按钮效果

我正在创建一个CSS按钮，我正在尝试制作一个onclick效果：当用户单击该按钮时，它会将按钮文本下推1px。我的问题是它正在推动整个瓶子......

html css button onclick

回答 5 投票 0

React / Material UI onClick 在给定两个函数时不起作用

我在 React 组件中有这个 Material UI 按钮接口ConfirmBorrowPopupProps{ 金额：数量；功能：功能； } 导出函数ConfirmBorrowPopup(borrowPopupProps:

reactjs function button material-ui onclick

回答 1 投票 0

如何使用DataTables处理onclick事件？

我有一个脚本可以初始化数据表并每隔几秒重新加载内容。我想添加 onclick 事件处理程序，但不确定如何构建文件。现在的样子，

javascript jquery datatables onclick

回答 1 投票 0

内联 JavaScript onclick 函数

有没有办法像这样内联编写以下代码？而不是这样做：有没有办法像这样内联编写以下代码？ <a href="#" onClick="function(){ //do something; return false; };return false;"></a> 而不是这样做： <a href="#" onClick="doSomething(); return false;"></a> function doSomething(){ //do something; } 您可以使用自动执行的匿名函数。此代码将起作用： <a href="#" onClick="(function(){ alert('Hey i am calling'); return false; })();return false;">click here</a> 这应该有效： <a href="#" onclick="function hi(){alert('Hi!')};hi()">click</a> 您可以在 onclick 内内联任何 JavaScript，就像通过 JavaScript 分配方法一样。我认为这只是让代码更干净，将 js 保留在脚本块中的问题根据 @Mukund Kumar 给出的答案，这里有一个将事件参数传递给匿名函数的版本： <a href="#" onClick="(function(e){ console.log(e); alert('Hey i am calling'); return false; })(arguments[0]);return false;">click here</a> 这并不是真正推荐的，但你可以像这样内联完成这一切： <a href="#" onClick="function test(){ /* Do something */ } test(); return false;"></a> 但是我想不出任何情况下这会比在其他地方编写函数并调用它更好onClick。我知道这个线程很旧，但我今天正在寻找解决方案。当您像下面这样“内联”JavaScript 时，不要包含“function xx()”等。请参阅下面的示例。我今天测试了它，它运行完美，没有控制台错误或警告。想分享一个解决方案： <a href="#" type="button" onClick="var myDiv = document.getElementById('myDIV'); if (myDiv.style.display === 'block') { myDiv.style.display = 'none'; } else { myDiv.style.display = 'block'; }">click</a>

javascript onclick

回答 5 投票 0

引号顺序

我有以下元素：添加通配符后我似乎遇到了问题

javascript onclick queryselector

回答 1 投票 0

Javascript onclick 事件需要两次点击

我正在尝试弄清楚如何使这一单击事件只需单击一次，因为目前需要两次单击。在我内联点击事件之前，但读完这里后，我将其更改为代码

javascript onclick

回答 1 投票 0

如何制作弹出窗口 <div> 每个设备仅显示一次？

所以我一直在尝试在我的网站主页上制作一个弹出窗口，仅在设备第一次访问我的网站时显示，然后，当用按钮关闭它时，它不应该出现