热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

是否可以将onclick()事件应用于span标记?-Isitpossibletoapplyanonclick()eventtoaspantag?

Tomakesurethataneventhandleriswrittenproperly,IgenerallyhaveVisualStudiogeneratethe

To make sure that an event handler is written properly, I generally have Visual Studio generate the event for me. However, I can't find a way to do this with a div and I've tried typing it out myself to no avail. Is this even possible without writing any Javascript? (I saw similar questions, but couldn't seem to find anything that fit my needs).

为了确保正确编写事件处理程序,我通常让Visual Studio为我生成事件。但是,我找不到用div做这个的方法,我试过自己输入它无济于事。如果没有编写任何Javascript,这甚至可以吗? (我看到了类似的问题,但似乎找不到符合我需求的东西)。

Edit: Basically I have a logoff div disguised to the user as a button. When they click it, I want the following to happen:

编辑:基本上我有一个注销div伪装成用户作为按钮。当他们点击它时,我希望发生以下情况:

 protected void LogOff_Click(object sender, EventArgs e)
    {
        FormsAuthentication.SignOut();
        Session.Abandon();

        //This will clear the authentication COOKIE
        HttpCOOKIE myHttpCOOKIE = new HttpCOOKIE(FormsAuthentication.FormsCOOKIEName, "");
        myHttpCOOKIE.Expires = DateTime.Now.AddYears(-1);
        Response.COOKIEs.Add(myHttpCOOKIE);

        //This will clear the session COOKIE (not required for my application but applying to be safe)
        HttpCOOKIE myHttpCOOKIE2 = new HttpCOOKIE("ASP.NET_SessionId", "");
        myHttpCOOKIE2.Expires = DateTime.Now.AddYears(-1);
        Response.COOKIEs.Add(myHttpCOOKIE2);

        FormsAuthentication.RedirectToLoginPage();
    }

Here's where I call this event:

这是我称之为此事件的地方:

 Log Off

5 个解决方案

#2


6  

Description

The div element supports the Javascript event onclick so you can do it. You can check if a html element supports a given event by looking on w3c shools tag definition.

div元素支持onclick的Javascript事件,所以你可以这样做。您可以通过查看w3c shools标记定义来检查html元素是否支持给定事件。

It is not clear to me what you exactly mean. You can do many things using Javascript on the client side. onclick is Javascript but you can do things like redirects using the serverside (Postback on ASP.NET Webforms) too. Things you do with Javascript are, without doing ajax, not noticeable by the server, cause Javascript get handled by the browser.

我不清楚你究竟是什么意思。你可以在客户端使用Javascript做很多事情。 onclick是Javascript,但你也可以使用服务器端重定向(ASP.NET Webforms上的回发)。使用Javascript做的事情是,没有做ajax,服务器不明显,导致Javascript被浏览器处理。

Check out my sample and this jsFiddle Demonstration

看看我的样本和这个jsFiddle演示

Sample for the
tag

Html

hello world

More Information

  • jsFiddle Demonstration
  • w3c shools tag definition
  • w3c shools标签定义

#3


2  

If you wanted to stay in ASP.NET, you could use a Panel control and do something like this:

如果你想留在ASP.NET中,可以使用Panel控件并执行以下操作:

Markup


    
    
click here

Code Behind

public partial class WebForm1 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        pan1.Attributes.Add("onclick", "Javascript:alert('here');return false;");
    }
}

You're still writing Javascript, but you're staying with the ASP.NET controls and the ASP.NET way of setting client-side events.

您仍然在编写Javascript,但您仍然使用ASP.NET控件和ASP.NET设置客户端事件的方式。

I actually prefer the method of dknaack and Silvertiger -- put the event in the client side code (preferably a Javascript file instead of inline).

我实际上更喜欢dknaack和Silvertiger的方法 - 将事件放在客户端代码中(最好是Javascript文件而不是内联)。

#4


0  

Standard DOM and CSS will allow this

标准DOM和CSS将允许这样做

My content

should do the trick

应该做的伎俩

#5


0  

Not sure what exactly you intend to do. When the onclick event is triggered, you would need a handler to be called, when the event is triggered. This is done via Javascript.

不确定你打算做什么。触发onclick事件时,您需要在触发事件时调用处理程序。这是通过Javascript完成的。

You can do a form submit in the Javascript, or trigger an Ajax callback in the Javascript, to interact with your .NET application.

您可以在Javascript中执行表单提交,或在Javascript中触发Ajax回调,以与.NET应用程序进行交互。

Answering the original question, onclick event can be triggered via

tag. Make sure you test against Internet Explorer 7/8 (compatibility mode) as not all events work in IE 7/8. It should be okay in Firefox, Chrome and IE9. Save this in a file and experiment.

回答原始问题,可以通过

标签触发onclick事件。确保您针对Internet Explorer 7/8(兼容模式)进行测试,因为并非所有事件都在IE 7/8中运行。它应该可以在Firefox,Chrome和IE9中使用。将其保存在文件和实验中。








Just click here

推荐阅读
  • 该大学网站采用PHP和MySQL技术,在校内可免费访问某些外部收费资料数据库。为了方便学生校外访问,建议通过学校账号登录实现免费访问。具体方案可包括利用学校服务器作为代理,结合身份验证机制,确保合法用户在校外也能享受免费资源。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 浏览器作为我们日常不可或缺的软件工具,其背后的运作机制却鲜为人知。本文将深入探讨浏览器内核及其版本的演变历程,帮助读者更好地理解这一关键技术组件,揭示其内部运作的奥秘。 ... [详细]
  • 基于 Vue 和 Element UI 实现的简洁登录界面设计
    本文介绍了一种利用 Vue.js 和 Element UI 框架构建的简洁登录界面设计。该设计不仅注重用户体验,还确保了界面的美观性和易用性。通过合理的布局和组件配置,实现了高效、响应式的登录功能,适用于多种前端应用场景。 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • Java环境中Selenium Chrome驱动在大规模Web应用扩展时的性能限制分析 ... [详细]
  • 解决Only fullscreen opaque activities can request orientation错误的方法
    本文介绍了在使用PictureSelectorLight第三方框架时遇到的Only fullscreen opaque activities can request orientation错误,并提供了一种有效的解决方案。 ... [详细]
  • 使用jqTransform插件美化表单
    jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]
  • 探索Web 2.0新概念:Widget
    尽管你可能尚未注意到Widget,但正如几年前对RSS的陌生一样,这一概念正逐渐走入大众视野。据美国某权威杂志预测,2007年将是Widget年。本文将详细介绍Widget的定义、功能及其未来发展趋势。 ... [详细]
  • 您的数据库配置是否安全?DBSAT工具助您一臂之力!
    本文探讨了Oracle提供的免费工具DBSAT,该工具能够有效协助用户检测和优化数据库配置的安全性。通过全面的分析和报告,DBSAT帮助用户识别潜在的安全漏洞,并提供针对性的改进建议,确保数据库系统的稳定性和安全性。 ... [详细]
  • 本文详细探讨了 jQuery 中 `ajaxSubmit` 方法的使用技巧及其应用场景。首先,介绍了如何正确引入必要的脚本文件,如 `jquery.form.js` 和 `jquery-1.8.0.min.js`。接着,通过具体示例展示了如何利用 `ajaxSubmit` 方法实现表单的异步提交,包括数据的发送、接收和处理。此外,还讨论了该方法在不同场景下的应用,如文件上传、表单验证和动态更新页面内容等,提供了丰富的代码示例和最佳实践建议。 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 尽管我们尽最大努力,任何软件开发过程中都难免会出现缺陷。为了更有效地提升对支持部门的协助与支撑,本文探讨了多种策略和最佳实践,旨在通过改进沟通、增强培训和支持流程来减少这些缺陷的影响,并提高整体服务质量和客户满意度。 ... [详细]
  • Python 实战:异步爬虫(协程技术)与分布式爬虫(多进程应用)深入解析
    本文将深入探讨 Python 异步爬虫和分布式爬虫的技术细节,重点介绍协程技术和多进程应用在爬虫开发中的实际应用。通过对比多进程和协程的工作原理,帮助读者理解两者在性能和资源利用上的差异,从而在实际项目中做出更合适的选择。文章还将结合具体案例,展示如何高效地实现异步和分布式爬虫,以提升数据抓取的效率和稳定性。 ... [详细]
  • 在ASP.NET中,实现页面间数据传递有多种技术方案。其中一种常见方法是通过URL链接地址传递参数,例如在 `send.aspx` 页面中,可以通过点击按钮将数据附加到URL中,然后在目标页面 `receive.aspx` 中解析这些参数。此外,还可以利用Session、ViewState、Cookie等机制来实现跨页面的数据共享,每种方法都有其适用场景和优缺点。 ... [详细]
author-avatar
流浪汉中的小男人
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有