GVKun编程网logo

onclick 事件不调用 javascript 函数(onclick不能调用js中的函数)

1

对于onclick事件不调用javascript函数感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍onclick不能调用js中的函数,并为您提供关于ASP.NETJavaScriptonCli

对于onclick 事件不调用 javascript 函数感兴趣的读者,本文将会是一篇不错的选择,我们将详细介绍onclick不能调用js中的函数,并为您提供关于ASP.NET JavaScript onClick 函数、asp:RadioButton javascript onclick event、button onclick="handle_clicks()" .. handle_clicks 未定义,我可以使用 (this) 作为 html element.onclick 中的参数吗?、Chrome 将不支持在 HTML onclick 处理程序中执行编写为 javascript: 的 javascript 吗?的有用信息。

本文目录一览:

onclick 事件不调用 javascript 函数(onclick不能调用js中的函数)

onclick 事件不调用 javascript 函数(onclick不能调用js中的函数)

如何解决onclick 事件不调用 javascript 函数

下面是控制器中的代码和一个函数 getSug()。所有这些代码都在一个角度控制器中。 onclick 事件不会调用 getSug() 函数。我如何调用它?

var vm = this;
var quant ="linkClick";
vm.link = ''<a onclick="''+vm.getSug();+''">'' + quant + ''</a>'';

function getSug(){}

html:  <table>
            <tr>
              <th>link</th>
              
            </tr>
            <tr>
              <td ng-bind-html="vm.link"></td>
             
            </tr>
          </table>

解决方法

在 angularjs 中,onclick 是 ng-click

此外,您也不会以 angular 的方式编写 html。而是:

<table>
 <tr>
  <th>link</th>
 </tr>
 <tr>
  <td>
    <a ng-if=''quant'' ng-click="getSug()" ng-bind-html="quant"></a> 
  </td>
 </tr>
</table>

然后您的函数将存在于与该页面关联的控制器中:

$scope.getSug = function() {
   // code
}
,

函数 getSug 在第三行被调用。

您只需在定义行调用它,而不是 onclick 函数。

使用

var vm = this;
var quant ="linkClick";
vm.link = ''<a onclick="''+"vm.getSug()"+''">'' + quant + ''</a>'';

function getSug(){}

ASP.NET JavaScript onClick 函数

ASP.NET JavaScript onClick 函数

如何解决ASP.NET JavaScript onClick 函数

我有一个 index.cshtml 页面,里面有一个按钮:

  1. <div>
  2. @Html.EslButton(T("Create Request").ToString(),"createRequestBtn")
  3. </div>

然后我在同一页面中有一个 javascript onclick 函数

  1. $("#createRequestBtn").on(''click'',function (event) {
  2. event.preventDefault(event);
  3. });

在我的 HomeController.cs 中,我有一个名为 CreateRequests 的函数:

  1. public ActionResult CreateRequests(viewmodel model)
  2. {
  3. return new EmptyResult();
  4. }

问题

如何通过点击按钮进入Controller中的CreateRequests方法?

谢谢!

解决方法

  1. $("#createRequestBtn").on(''click'',function (event) {
  2. event.preventDefault(event);
  3. var xhr = new XMLHttpRequest();
  4. xhr.open("post","/Home/CreateRequests");
  5. xhr.send();
  6. });

但是你应该删除模型参数

  1. public ActionResult CreateRequests()
  2. {
  3. return new EmptyResult();
  4. }

asp:RadioButton javascript onclick event

asp:RadioButton javascript onclick event

 aspx page

<script language="javascript" type="text/javascript">
  
    function clicking(Obj)
    {
       var a=document.getElementById("ctl00_ContentPlaceHolder1_ctl20_AAA1_rbtnStudent");
       var b=document.getElementById("ctl00_ContentPlaceHolder1_ctl20_AAA1_rbtnAllStudents");
       switch (Obj.value)
       {case "rbtnStudent":
            a.checked=true;
            b.checked=false;
            break;
        case "rbtnAllStudents":
            b.checked=true;
            a.checked=false;
            break;
        default:break;
       }
         
   }
</script>

 

<asp:RadioButton ID="rbtnStudent" runat="server" Checked="true"   Text="Student"  /> <br />
<asp:RadioButton ID="rbtnAllStudents" runat="server" Text="All Students" />

vb.net Page_Load

rbtnStudent.Attributes.Add("onclick", "clicking(this)")
rbtnAllStudents.Attributes.Add("onclick", "clicking(this)")

button onclick=

button onclick="handle_clicks()" .. handle_clicks 未定义,我可以使用 (this) 作为 html element.onclick 中的参数吗?

如何解决button onclick="handle_clicks()" .. handle_clicks 未定义,我可以使用 (this) 作为 html element.onclick 中的参数吗?

你能检查一下这段代码并找出它为什么不能正常工作吗? 有两件事我想澄清.. 为什么函数没有定义? 我可以使用(这个)吗?

HTML:

In head:
<script src="script.js"></script>

In body:
<button type="button" onclick="handle_clicks(this)">button1</button>
<button type="button" onclick="handle_clicks(this)">button2</button>

JS:

   window.onload = () => {
    function handle_clicks(btn) {
      btn.style.background = ''green'';
      console.log(''A button was clicked'');
    }
  }

解决方法

在正文的末尾粘贴你的脚本标签,然后调用 js 函数,如:

<button type="button" onclick="handle_clicks(event)">button1</button>

现在在 JS 中使用没有 windows.onload 的简单函数

function handle_clicks($event) { // $ is used for events
   const elm = $event.target
   elm.style.background = ''green'';
   console.log(''A button was clicked'');
}

Chrome 将不支持在 HTML onclick 处理程序中执行编写为 javascript: 的 javascript 吗?

Chrome 将不支持在 HTML onclick 处理程序中执行编写为 javascript: 的 javascript 吗?

如何解决Chrome 将不支持在 HTML onclick 处理程序中执行编写为 javascript: 的 javascript 吗?

我记得 HTML 中的代码 onclick="javascript:<some javascript>" 在 Chrome 控制台面板中生成了一些警告。我试图在 Google 上找到有关它的官方文件,因为我需要将其提供给某人作为他们不应使用此类代码的证据,但我没有找到。我还发现使用相同的代码不再生成警告。

是否已撤回弃用,或者是否有官方说明?

今天关于onclick 事件不调用 javascript 函数onclick不能调用js中的函数的讲解已经结束,谢谢您的阅读,如果想了解更多关于ASP.NET JavaScript onClick 函数、asp:RadioButton javascript onclick event、button onclick="handle_clicks()" .. handle_clicks 未定义,我可以使用 (this) 作为 html element.onclick 中的参数吗?、Chrome 将不支持在 HTML onclick 处理程序中执行编写为 javascript: 的 javascript 吗?的相关知识,请在本站搜索。

本文标签: