I would like to pass 매개변수입니다 온 클릭 (예를 들면, 문자열) 를 지원한다. 이, I do for the moment.
'<input type="button" onClick="gotoNode(' + result.name + ')" />'
예를 들어, (result.name) 와 같은 문자열 " add". 이 단추를 누르면 오류가 있다고 할 때, 나는 그 추가 정의되지 않았습니다. 이후 이 작품을 통해 완벽한 펑크션콜 숫자, 기호 " " 매개변수에서 내가 solaris. 데이텀이 관련이 있다. config. 구체화하십시오. 전에 이 문제를 인도하심이라만일 누구?
마치 you& # 39, re 건물 중에서 써줬지 DOM 방금 추가해야 할 몇 가지 작은 따옴표로 result.name:
'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'
정말 이렇게 할 수 있는 방법을 어쨌든요 DOM 이벤트수정적절한 합니다
var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
gotoNode(result.name);
});
document.body.appendChild(inputElement);
그냥 뭔가 '결과' 는 점을 유념하십시오 루프 또는 태그일 경우 화재, you& 전에 변경하십시오 이벤트 # 39 를 추가 유효범위 거품 변화하는 가변으로 태양으로하여; d 만들어야 한다.
나를 위해 우려가 있는 만큼 온 클릭 몇 수를 사용하여 관련하여 구체화하십시오 이스케이프입니다 인수만 성장을 유지하기 위해 번거로운 됩니다.
다음 외곽진입 할 때 한 홉 (hop) - - 시행하십시오 제어 방법) 을 기반으로 하는 방법 및 처리기에서 처리기에서 클릭하면 해당 이벤트 객체를 클릭하면, 해당 객체에는 이벤트 외에도 수 있습니다.
또한 추가 인수 및 보다 유연하게 보다 깔끔한 방법입니다.
<button type="button"
className="btn btn-default"
onClick="invoke"
name='gotoNode'
data-arg1='1234'>GotoNode</button>
Javascript 에서 레이어에는:
invoke = (event) => {
let nameOfFunction = this[event.target.name];
let arg1 = event.target.getAttribute('data-arg1');
//We can add more args as needed...
window[nameOfFunction](arg1)
//hope function is in window.
//Else the respective object need to be used
})
}
이것은 우리가 가질 수 있는 수 많은 인수 (위의 예에서, 데이터 arg1 데이터 arg2.) 필요에 따라.
내가 좀 더 일반적인 HTML 을 사용하여 온 클릭 '핸들러도 사용하고, 심지어 제안하세요' 등 '도쿠망스게테레멘트베이드'.
HTML:
<input type="button" id="nodeGoto" />
JavaScript:
document.getElementById("nodeGoto").addEventListener("click", function() {
gotoNode(result.name);
}, false);
나는 버튼를 추측, JavaScript 를 사용하여 작성할 수 있다. 따라서 이 형식으로 렌더링됩니다 에로남이네 얻게된다면 코드에서 오류
<input type="button" onClick="gotoNode(add)" />'
현재 상태, '현재' 가 추가 간주해 같은 변수나 함수 호출을 식별자입니다. 이 같은 가치를 이스케이프입니다 합니다
'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'
이거 드세요.
HTML:
<button id="a1" type="button" onclick="return a1_onclick('a1')">a1</button>
JavaScript:
<script language="javascript" type="text/javascript">
function a1_onclick(id) {
document.getElementById(id).style.backgroundColor = "#F00";
}
</script>
참고: 인수만 & # 39 간에 전송하는 합니다. & # 39. 예증들을 그것을비유하사 (& # 39, a1& # 39;) html 의 코드의
여러 개의 매개변수:
bounds.extend(marker.position);
bindInfoWindow(marker, map, infowindow,
'<b>' + response[i].driver_name + '</b><br>' +
'<b>' +moment(response[i].updated_at).fromNow() + '</b>
<button onclick="myFunction(\''+response[i].id+'\',\''+driversList+'\')">Click me</button>'
);
또한 끈 기호를 사용하여 억음 부호 (')
종료기:
`<input type="button" onClick="gotoNode('${result.name}')" />`
구글 크롬, 오페라, 사파리, 파이어폭스 (게코) 에 의해 모서리까지 지원을 받았지만, Internet Explorer 를 지원하지 않습니다.
편집됩니다: 전 세계 개체 (js) 의 경우 고객의 요구 사항은 참조할 수 있도록 이 HTML 코드를 볼 수 있습니다. [# 39 Don& 따옴표 (& # 39, 사용하지 않는다. 또는 ") 주변에 가변으로]
Javascript:
var result = {name: 'hello'};
function gotoNode(name) {
alert(name);
}
HTML:
<input value="Hello" type="button" onClick="gotoNode(result.name)" />
버튼을 동적으로 생성될 경우:
아래와 같은 기능을 javascript 코드를 문자열 매개 변수를 전달할 수 있습니다.
여기서 세 번째 하나는 통과했어 3 매개변수입니다 문자열으로 매개변수입니다 ᄋ "이번 도움이 됩니다.
var btn ="<input type='button' onclick='RoomIsReadyFunc("+ID+","+RefId+",\""+YourString+"\");' value='Room is Ready' />";
//your javascript function
function RoomIsReadyFunc(ID, RefId, YourString)
{
alert(ID);
alert(RefId);
alert(YourString);
}
이것은 어떤 I& # 39 m, Jquery 솔루션을 사용하여.
Jquery
$("#slideshow button").click(function(){
var val = $(this).val();
console.log(val);
});
HTML
<div id="slideshow">
<img src="image1.jpg">
<button class="left" value="back">❮</button>
<button class="right" value="next">❯</button>
</div>
단지 안에 쉼표 또는 문자열 함수 값을 전달할 수 있습니다 세런스 두베 " 동일팔레트에 "; 아래 스냅샷입니다 애플리케이션임대서비스 (asp)
단추 또는 링크를 평면가공 동적으로 추가할 경우 문제가 될 수 있습니다 다음 움말. 나는 이 길을 통해 해결했다.
var link= $(contentData1[i]).find("td:first font b a").attr("href",'javascript:onClick=openWin(\'' + tdText + '\')');
Html 과 JS, 나는 새로운 포함한다. 그래서 내 코드 또는 구문 최적화되었는지 않을 수 있지만, 그것은 working for me.
서로 다른 일련의 버튼을 사용할 경우 세대) 의 매개변수를 핸들러도. https://www.w3schools.com/js/js_function_closures.asp
let some_button = document.createElement( "button" );
some_button.type = "button";
some_button.onclick = doWithParam( some_param );
function doWithParam( param ){
return function(){
alert( param );//<------Your code here
}
}
만약 우리가 해야 할 것:
some_button.onclick = foo( some_param );
function foo( param ){
alert( param );
}
그 때마다 foo 함수은 호출이네요 업데이트 시작
만약 우리가 해야 할 것:
for( let i = 0; i < 10; ++i ){
var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
gotoNode(result.name);
});
document.body.appendChild(inputElement);
}
모든 곷떒 다음 (result.name) 에서 만든 마지막 값을 루프 &prs. " ";
다음 작동됨 가져다줄래요 잘 았겠습니다,
<html>
<head>
<title>HTML Form</title>
</head>
<body>
<form>
<input type="button" value="ON" onclick="msg('ON')">
<input type="button" value="OFF" onclick="msg('OFF')">
</form>
<script>
function msg(x){
alert(x);
}
</script>
</body>
</html>
<style type="text/css">
#userprofile{
display: inline-block;
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
text-align: center;
text-decoration: none;
outline: none;
color: #fff;
background-color: #4CAF50; //#c32836
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
width: 200px;
margin-bottom: 15px;
}
#userprofile:hover {
background-color: #3e8e41
}
#userprofile:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}
#array {
border-radius: 15px 50px;
background: #4a21ad;
padding: 20px;
width: 200px;
height: 900px;
overflow-y: auto;
}
</style>
if(data[i].socketid!=""){
$("#array").append("<button type='button' id='userprofile' class='green_button' name="+data[i]._id+" onClick='chatopen(name)'>"+data[i].username+"</button></br>");
}else{
console.log('null socketid >>', $("#userprofile").css('background-color'));
//$("#userprofile").css('background-color','#c32836 ! important');
$("#array").append("<button type='button' id='userprofile' class='red_button' name="+data[i]._id+" onClick='chatopen(name)'>"+data[i].username+"</button></br>");
$(".red_button").css('background-color','#c32836');
}